Light Coral

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

Color values

copy exact values

HEX#F08080sRGB hexadecimal

RGBrgb(240, 128, 128)screen channels

HSLhsl(0, 79%, 72%)hue, saturation, lightness

CMYKcmyk(0%, 47%, 47%, 6%)approximate process color

Tailwindred-400nearest palette utility, not an exact token

WCAG ratios

White textfails AA2.59:1

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

#4E2E2E

#9B5655

#F08080

#F8A9A7

#FCD2D0

#FAFAFA

Analogous

#F080B8

#F08080

#F0B880

Triadic

#F08080

#80F080

#8080F0

Complement

#F08080

#80F0F0

Lab distance · lower is closer

:root {
  --color-light-coral: #F08080;
}

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

Hue25°

Lightness66 L*

Chroma47.1

Luminance0.355