Coral

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

Color values

copy exact values

HEX#FF7F50sRGB hexadecimal

RGBrgb(255, 127, 80)screen channels

HSLhsl(16, 100%, 66%)hue, saturation, lightness

CMYKcmyk(0%, 50%, 69%, 0%)approximate process color

Tailwindorange-400nearest palette utility, not an exact token

WCAG ratios

White textfails AA2.50:1

Black textAAA8.40: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

#532E21

#A55538

#FF7F50

#FFA987

#FFD2BF

#FAFAFA

Analogous

#FF5079

#FF7F50

#FFD650

Triadic

#FF7F50

#50FF7F

#7F50FF

Complement

#FF7F50

#50D0FF

Lab distance · lower is closer

:root {
  --color-coral: #FF7F50;
}

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

Hue46°

Lightness67 L*

Chroma65.7

Luminance0.370