Color Palette
Build tints, shades and harmonies from one color, with contrast ratios against white and black and the WCAG verdict.
Your data never leaves this deviceStart from
Palette
Tints
Shades
Harmony
Complement
Analogous
Triad
Split complement
#rrggbb or #rgb. You can also use the picker.
e.g. 200, 30, 30
e.g. 0, 74%, 45%
5
59
Contrast
On white5.74:1Normal text AALarge text AAA
On black3.66:1Normal text FailsLarge text AA
OKLCHoklch(53.5% 0.203 27.6)
Export
Colors are calculated on your device and never sent to a server. This site stores nothing, but your browser may restore what you entered when you go back.
About the color palette
Pick one color and get its tints and shades, harmonies such as complements and analogous colors, and the contrast ratio against white and black with the WCAG verdict. Tints and harmonies are built in OKLCH so the lightness steps look even, while contrast is calculated in sRGB exactly as WCAG defines it. Everything runs on your device.