Color Contrast Checker

Ensure your color combinations meet accessibility standards for better readability

Foreground Color

Background Color

21.00:1Excellent

AA Normal TextMinimum: 4.5:1

AAA Normal TextMinimum: 7:1

AA Large TextMinimum: 3:1

AAA Large TextMinimum: 4.5:1

Navy on Yellow

#003366#FFFF00

Purple on Light Gray

#6E59A5#F6F6F7

Yellow on Black

#FFFF00#000000

Green on White

#006600#FFFFFF

Purple on Beige

#663399#F5F5DC

Dark Blue on Light Blue

#00008B#ADD8E6

Orange on Dark Blue

#FFA500#191970

Red on White

#FF0000#FFFFFF

Ocean Blue on Soft Yellow

#0EA5E9#FEF7CD

Deep Purple on White

#5B21B6#FFFFFF

Teal on Light Yellow

#0D9488#FEFCE8

Maroon on Light Gray

#7F1D1D#F5F5F5

Forest Green on Cream

#166534#FFFBEB

Indigo on Pale Pink

#4338CA#FEE2E2

Crimson on Light Blue

#BE123C#EFF6FF

This is an example of normal body text. WCAG requires a contrast ratio of at least 4.5:1 for normal text to meet AA standards.

This is large text (18pt bold)

This is small text which needs a higher contrast ratio to be readable by people with visual impairments.