Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Right font color

Featured Replies

Hi,

 

Our company has a community based finance website. The template is very simple with a lot of text information. The dominating color is dark green (#006666) and a nominal use of orange (#cc6600). The linked texts come in blue #003399 and normal text in black.

 

I have started using the orange color (#cc6600) for few headings. I personally feel that a bold text in this color is easily visible over white background. Though few of my team members say its not readable.

 

Shall I continue with the same colors? Please suggest me. :)

Welcome to the forums andesign.

 

I'd recommend listening to your colleagues, as it could be that the color settings on your screen are showing things are darker/brighter than most people. Never trust just one computer for testing ;)

 

To see if colours have an acceptable contrast, you could use the colour contrast checker at Snook.ca. If you input your background and foreground colours, it will tell you the level of contrast, and if it passes accessibility guidelines.

 

Rob

you could use the colour contrast checker at Snook.ca.

 

thats a great tool...i wonder is there any software for tools like that??

I have attached the latest version of the colour contrast analyser for simplicity.

 

Very useful tool in determining acceptability of font colouring etc. HTH.

 

Regards

 

Scott

 

CCA1.1.zip

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.