Colors

Codexify has an extensive color system, with 15 shades across 11 hues plus black and white, giving 167 colors to work with.

List of colors

10 20 50 100 200 300 400 500 600 700 800 900 950 980 990
Red
Orange
Yellow
Lime
Green
Teal
Blue
Purple
Pink
Brown
Gray

Checking contrast ratio

Blue borders around each combination indicates contrast ratio at or exceeding 7:1, which meets WCAG 2.1 AAA standards for all text, graphics and form components.

Green borders around each combination indicates contrast ratio at or exceeding 4.5:1 but lower than 7:1, which meets WCAG 2.1 AA standards for all text, graphics and form components as well as WCAG 2.1 AAA standards for larger text, graphics and form components.

Yellow borders around each combination indicates contrast ratio at or exceeding 3:1 but lower than 4.5:1, which only meets WCAG 2.1 AA standards for larger text, graphics and form components but fails WCAG 2.1 AAA standards for any text, graphics and form components.

Red borders around each combination indicates contrast ratio lower than 3:1, which fails WCAG 2.1 AA standards for any text, graphics and form components.

Using colors

There are utilities available to apply these colors to text color, background color, and border color.