#4AA8FF

outside sRGB sRGB edge P3 edge

Every field below is editable — type or paste a value in any space and press Enter. Values marked clamped fall outside that space's gamut and are shown gamut-clipped.

Legacy & standard gamut — sRGB

Wide gamut & HD

Perceptually uniform

Color matching — CIE XYZ

Color wheel harmonies

Relationships are computed in OKLCH, so equal hue rotations produce perceptually even steps — the modern equivalent of classical color wheel theory. Click any chip to copy its hex and open a full detail card: every color space, ten shades and tints, and every harmony for that specific color.

OKLCH hue wheel · markers = active harmony hues

Variations, contrast & color-blindness

Build a full palette from one color. Tints add white, shades add black, tones add gray — computed in OKLCH so the perceptual spacing stays even. Then check whether it holds up against real-world constraints: WCAG contrast on light and dark backgrounds, and how it looks to the ~8% of men who see color differently.

Steps 10

Tints

+ white · lighter

Shades

+ black · darker

Tones

+ gray · muted

Color-blindness simulation — base color vs. complementary

Normal visiontrichromatic

Protanopiano red · ~1% of men

Deuteranopiano green · ~6% of men

Tritanopiano blue · rare