A study in red
Light Coral
#F08080
- Family
- Red
- L
- 0.725
- C
- 0.138
- H
- 21°
Notes
Light Coral is the softer, paler version of Coral, with the same warm pink-orange hue at higher lightness. The CSS hex reads as a gentle, slightly muted pink and works in beauty, wellness, and editorial palettes where energy without aggression is wanted. Pair with cream for a softer look, or with deep teal for a richer contrast. Against white it does not carry enough contrast for body text - it lives on backgrounds, headlines, and accent buttons with appropriate dark text overlays. Body text contrast against white fails AA at every size below 18px and is borderline at headline sizes.
Palette built around Light Coral
Related colors
Frequently asked questions
What is Light Coral?
Light Coral is the softer, paler version of Coral, with the same warm pink-orange hue at higher lightness. The CSS hex reads as a gentle, slightly muted pink and works in beauty, wellness, and editorial palettes where energy without aggression is wanted. Its hex code is #F08080.
What are the tints and shades of Light Coral?
uishades builds an 11-step OKLCH ramp for Light Coral (#F08080) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Light Coral?
Its complementary color is #00BFC9. Triadic partners are #73BB67 and #74A5FC; analogous neighbours are #E98A4F and #E680B1.
What are the OKLCH and RGB values of Light Coral?
Light Coral is #F08080 - OKLCH 0.725 0.138 21°, rgb(240 128 128), in the red family.