CSS named color
LightCoral
#F08080
HEX
#f08080RGB
rgb(240, 128, 128)HSL
hsl(0, 79%, 72%)OKLCH
oklch(72.46% 0.1377 21.03)NAME
lightcoralPalette
Complementary
180° on the color wheelComplement
#7FF0F0
Analogous
±30° around the base hueLeft
#F07FB8
Right
#F0B87F
Triadic
±120° for harmonic contrastTriad 1
#7FF07F
Triad 2
#7F7FF0
Shades
Lighter and darker variantsCSS usage
By name
color: lightcoral;
background-color: lightcoral;By HEX
color: #f08080;
background-color: #f08080;By RGB
color: rgb(240, 128, 128);
background-color: rgb(240, 128, 128);By HSL
color: hsl(0, 79%, 72%);
background-color: hsl(0, 79%, 72%);WCAG contrast vs white
Aa
2.59:1
Below minimum
WCAG contrast vs black
Aa
8.10:1
AAA
Related colors
FAQ — LightCoral
What is the HEX code for LightCoral?
The HEX code for LightCoral is #F08080. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightcoral; or color: #f08080;
What is LightCoral in RGB?
LightCoral in RGB is rgb(240, 128, 128) — red 240, green 128, blue 128.
What is LightCoral in HSL?
LightCoral in HSL is hsl(0, 79%, 72%) — hue 0°, saturation 79%, lightness 72%.
What is the complementary color of LightCoral?
The complementary color (directly opposite LightCoral on the color wheel) is #7FF0F0. The two together produce maximum contrast.
Is white text readable on LightCoral?
The WCAG contrast ratio against white (#FFFFFF) is 2.59:1, and against black (#000000) it's 8.10:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.