Tools
Pick a color and copy it in any color space or format.
Fits in sRGB
C → ↑ L · ring is H
Peaks at C 0.232 · L 0.58
Empty stretches are values this gamut can't reach at the current C and H.
Empty stretches are values this gamut can't reach at the current L and H.
Empty stretches are values this gamut can't reach at the current L and C.
WCAG 2 contrast. Change either counterpart to test your own colors.
3.37:1
6.23:1
3.37:1
6.23:1
Simulated at full severity, so this is a worst case rather than any one person’s view.
As shown
Protanopia
Deuteranopia
Tritanopia
Steps are spaced so they look even. Click a swatch to copy its hex.
Analogous
Neighbours 30° either side on the wheel. Calm and cohesive.
Complementary
The opposite hue. The strongest contrast of hue there is.
Split complementary
The two hues either side of the complement. Contrast with less tension.
Triadic
Three hues 120° apart. Balanced and colorful.
Tetradic
Two complementary pairs in a rectangle. Rich, and best led by one color.
Square
Four hues 90° apart. The most varied of the set.
Shades
Toward black. Darker and deeper.
Tints
Toward white. Lighter and softer.
Tones
Toward the gray of the same lightness. Quieter and more muted.
Hues
The same lightness and chroma, 50° either side.
Marked swatches had their chroma reduced to fit sRGB.
Click a value to copy it. Click a name to pick in that space.
Loading name sets…
Loading name sets…
Loading name sets…