Tomato

Best set with black text. The pairing reaches 7.13:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#FF6347sRGB hexadecimal

RGBrgb(255, 99, 71)screen channels

HSLhsl(9, 100%, 64%)hue, saturation, lightness

CMYKcmyk(0%, 61%, 72%, 0%)approximate process color

Tailwindred-500nearest palette utility, not an exact token

WCAG ratios

White textfails AA2.95:1

Black textAAA7.13:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#53271E

#A54532

#FF6347

#FF9980

#FFCABC

#FAFAFA

Analogous

#FF4787

#FF6347

#FFBF47

Triadic

#FF6347

#47FF63

#6347FF

Complement

#FF6347

#47E3FF

Lab distance · lower is closer

:root {
  --color-tomato: #FF6347;
}

.swatch {
  background: var(--color-tomato);
  color: #000000;
}

Hue39°

Lightness62 L*

Chroma74.2

Luminance0.306