Accessible color palette builder

This is a tool to help build color palettes that conform with WCAG 2.0 standards. For more information, refer to Success Criterion 1.4.3.

Color palette

Text size: normal

Accessible color combinations

White text
#FFFFFF
Light text
#B3EFFF
Bright text
#00CFFF
Medium text
#046B99
Dark text
#1C304A
Black text
#000000
Black background
#000000
White text on Black background is 508-compliant, with a contrast ratio of 21:1.
Light text on Black background is 508-compliant, with a contrast ratio of 16:1.
Bright text on Black background is 508-compliant, with a contrast ratio of 11:1.
Do not use medium text on black background; it is not 508-compliant, with a contrast ratio of 3.5:1.
Do not use dark text on black background; it is not 508-compliant, with a contrast ratio of 1.5:1.
Do not use black text on black background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Dark background
#1C304A
White text on Dark background is 508-compliant, with a contrast ratio of 13:1.
Light text on Dark background is 508-compliant, with a contrast ratio of 10:1.
Bright text on Dark background is 508-compliant, with a contrast ratio of 7:1.
Do not use medium text on dark background; it is not 508-compliant, with a contrast ratio of 2.2:1.
Do not use dark text on dark background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Do not use black text on dark background; it is not 508-compliant, with a contrast ratio of 1.5:1.
Medium background
#046B99
White text on Medium background is 508-compliant, with a contrast ratio of 5:1.
Light text on Medium background is 508-compliant, with a contrast ratio of 4.68:1.
Do not use bright text on medium background; it is not 508-compliant, with a contrast ratio of 3.1:1.
Do not use medium text on medium background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Do not use dark text on medium background; it is not 508-compliant, with a contrast ratio of 2.2:1.
Do not use black text on medium background; it is not 508-compliant, with a contrast ratio of 3.5:1.
Bright background
#00CFFF
Do not use white text on bright background; it is not 508-compliant, with a contrast ratio of 1.8:1.
Do not use light text on bright background; it is not 508-compliant, with a contrast ratio of 1.4:1.
Do not use bright text on bright background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Do not use medium text on bright background; it is not 508-compliant, with a contrast ratio of 3.1:1.
Dark text on Bright background is 508-compliant, with a contrast ratio of 7:1.
Black text on Bright background is 508-compliant, with a contrast ratio of 11:1.
Light background
#B3EFFF
Do not use white text on light background; it is not 508-compliant, with a contrast ratio of 1.2:1.
Do not use light text on light background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Do not use bright text on light background; it is not 508-compliant, with a contrast ratio of 1.4:1.
Medium text on Light background is 508-compliant, with a contrast ratio of 4.68:1.
Dark text on Light background is 508-compliant, with a contrast ratio of 10:1.
Black text on Light background is 508-compliant, with a contrast ratio of 16:1.
White background
#FFFFFF
Do not use white text on white background; it is not 508-compliant, with a contrast ratio of 1.0:1.
Do not use light text on white background; it is not 508-compliant, with a contrast ratio of 1.2:1.
Do not use bright text on white background; it is not 508-compliant, with a contrast ratio of 1.8:1.
Medium text on White background is 508-compliant, with a contrast ratio of 5:1.
Dark text on White background is 508-compliant, with a contrast ratio of 13:1.
Black text on White background is 508-compliant, with a contrast ratio of 21:1.