Color scheme and palette generator (editor) with a color wheel

Palette Colors Contrast

Contrast ratio of Palette Colors. Contrast ratio of text and background colors in based on recommendations of Web Content Accessibility Guidelines (WCAG).

Color contrast against 1st color of palette as background

Color contrast against black background

Color contrast against white background

What is color contrast ratio?

Color contrast is the difference in brightness between foreground text and background colors. It is a measure of the difference in perceived luminance (contrast) between two colors. For example ratio is 1 (1:1) for white on white and 21 (21:1) for black on a white.

WCAG recommendations provides two levels of contrast ratios, Mminimum contrast (AA) and Eenhanced contrast (AAA).

• The level AA requires a contrast ratio of at least 4.5 (4.5:1) for normal text and 3 (3:1) for large text.
• The level AAA requires a contrast ratio of at least 7 (7:1) for normal text and 4.5 (4.5:1) for large text or bold text.
  

Note:

• Normal text is non-bold text with a font size lower than 18pt(24px) or bold text with a font size lower than 14pt(18.5px).
• Large text a non-bold text with a font size higher or equal to 18pt(24px) or bold text with a font higher or equal to 14pt(18.5px).

Palette Colors and Color Codes

~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.