Skip to content

Compare two colors

See the values side by side and check what happens when one color becomes text on the other.

Nearest name:
Salmon
RGB:
255, 107, 107
HSL:
0.0 deg, 100.0%, 71.0%
Explore this color
Nearest name:
CSS Turquoise
RGB:
78, 205, 196
HSL:
176.0 deg, 56.0%, 55.0%
Explore this color

Perceptual color difference

60.273 ΔE00

A lower value means a smaller color difference under this method. ΔE00 is not a similarity percentage or a readability score. The visible difference also depends on the display, surrounding colors and viewing conditions.

CIEDE2000 (ΔE00): opaque sRGB → CIE Lab D50, Bradford adaptation from D65, CIE 1931 2° observer; kL = kC = kH = 1.

As text and background

Contrast: 1.434:1 | Normal text: Fail | Large text: Fail

Color 1 text on color 2.

Color 2 text on color 1.

Inspect the requirements and find a contrast fix
/compare/FF6B6B-4ECDC4

What a comparison can tell you

Different HEX values do not tell you whether a pair is readable. A visually lively palette can still fail when the same colors are used as small text and its background. WCAG contrast is symmetric, while APCA depends on which color is the foreground.

Names shown here are nearest reference names. HSL hue difference is not a perceptual color-difference measurement. For print matching, use a color-managed workflow and a physical proof.

Read our methods and limitations

Compare similar color names