Colour Contrast Tester

Foreground Colour

HEX
 
Red
Green
Blue
Hue
Saturation
Value

Background Colour

HEX
 
Red
Green
Blue
Hue
Saturation
Value

Compliance

 
Colour Compliant
 
 
WCAG 2 AA Compliant
 
 
WCAG 2 AA Compliant (18pt+)
 
 
WCAG 2 AAA Compliant
 
 
WCAG 2 AAA Compliant (18pt+)
 

Contrast

Brightness Difference: (>= 125)
 
Colour Difference (>= 500)
 
/ 1
Contrast Ratio
 

Visual Result

Colour Contrast is one of the most important considerations while designing a website and we are glad to offer an excellent online tool that you will definitely find useful for deciding a colour contrast for your web pages.
  • Just enter the values for foreground and background colours and the tool shows you the exact colours you selected for the text and the background.
  • The tool produces the results and shows if the colour contrast is compliant or not. A high contrast in colours is shown as compliant because it makes the text prominent and easy to read.
  • The thresholds for Colour Difference and Brightness Difference are also given. The contrast passes if both or any one of the two values exceeds the threshold value.
  • The tool also calculates if the colour contrast is WCAG2 AA and WCAG2 AAA compliant or not.
  • Three character HEX values for colors are automatically converted to their six character versions.

A perfect contrast between background and foreground makes your web pages attractive and easy on the readersÂ’ eyes. It makes sure that your website content is accessible and readable for your readers, even if they are visually impaired. Similarly, people who access your website under less than ideal conditions like with low screen brightness can also benefit from your content if the website has an excellent colour contrast.

Colour contrast of 3:1 is considered excellent for non-decorative text with 18 points length and 14 points if text is bold. If you are using smaller text than this then it is advised to have a contrast ratio of 4.5:1.

You can also calculate colour contrast manually, but it takes more time and you have to put some extra effort in calculations. This is the reason why web designers prefer to use the online tool that presents the results in the blink of an eye.
Tail short ribs doner boudin brisket swine. Pork chop ball tip filet mignon, cupim chicken corned beef beef ribs picanha frankfurter tail. Pork chop andouille fatback, chuck filet mignon corned beef strip steak kielbasa ham chicken tongue. Biltong boudin short loin, swine cow short ribs frankfurter strip steak pork loin spare ribs pork filet mignon meatloaf kevin. Prosciutto strip steak tongue spare ribs rump, jowl doner short ribs brisket pastrami swine meatball ham meatloaf. Picanha shank pig jowl beef ribs rump ham kielbasa capicola spare ribs short ribs cow tri-tip. Boudin turkey biltong pancetta turducken cupim.
"Darren created our web site quickly, cost effectively and made it easy to add content. His CMS system is highly effective for delivering needed content."
"I have worked with many web developers over the years and Das is by far the most talented web developer I have worked with to date. He will always go above and beyond for his clients, and relishes a great project which will challenge him. His ideas and capabilities continue to floor me - is there nothing this guy can do! His content management system is by far the most advanced and flexible system I have found and amazing value for money. I would highly recommend it. It allows you complete control over the content of your site and more importantly it is secure. The support service behind the system is also second to none. He is a very talented developer and has been a trusted friend for many years"
"Metadas make the impossible possible, I have worked with Metadas for several years and have always found them to be innovative, efficient, friendly and extremely helpful. They have developed a fantastic web site for me twice and on both occasions, have delivered a site that has incredible flexibility, is totally and fully updateable and has revolutionary new capabilities. I can thoroughly recommend their creativity, technical expertise, and the fact that they NEVER say no to anything I require, even if it seems impossible they make it possible."
Testimonials