Enter two colour names or codes to see how they relate technically — perceptual distance, contrast, hue family, undertone, lightness and saturation.
Perceptual distance
ΔE 55.3
Contrast ratio
4.89:1
Family A / B
yellow / orange
Undertone A / B
neutral / warm
| Attribute | A | B |
|---|---|---|
| Lightness (HSL) | 65% | 42% |
| Saturation (HSV) | 69% | 76% |
| Tone depth | light | medium |
| Vivid | No | Yes |
A distance under ~1 is imperceptible, 1-5 is very similar, and above ~12 the colours read as clearly different.