redwarmCSS named color

Lightcoral #F08080

Lightcoral is a light, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Alerts · Attention accents

Open in generator →Colors that go with lightcoral →

Families: Reds · Rose Colors

Color values

FormatValue
HEX#F08080
RGBrgb(240, 128, 128)
HSLhsl(0, 79%, 72%)
HSVhsv(0, 47%, 94%)
OKLCHoklch(72.46% 0.138 21)
OKLaboklab(72.46% 0.1286 0.0494)
CMYKcmyk(0%, 46.7%, 46.7%, 5.9%)
XYZxyz(47.5537, 35.5269, 24.7709)
CIE-LABlab(66.2, 42.8, 19.6)
CIE-LCHlch(66.2, 47.1, 24.6°)
Luminance0.355 (WCAG relative)
/* Lightcoral */ --lightcoral: #f08080; color: #f08080; background-color: #f08080;

Source: W3C CSS named color. CSS keyword: lightcoral.

Collections: Sunset Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#d57372 #bb6665 #a25958 #894c4c #71403f #5a3433 #442928 #2f1e1d #1c1212 #000000

Tints (toward white)

#f38d8c #f69a98 #f9a7a4 #fbb4b1 #fdc0be #fecdca #ffd9d7 #ffe6e4 #fff2f2 #ffffff

Tones (toward gray)

#e98483 #e28886 #db8c8a #d48f8d #cc9290 #c49694 #bc9997 #b39b9a #aa9e9d #a1a1a1

Color harmonies

Complementary

Edit in generator →
#F08080
#80F0F0
#f08080 #80f0f0

Analogous

Edit in generator →
#F080B8
#F08080
#F0B880
#f080b8 #f08080 #f0b880

Triadic

Edit in generator →
#F08080
#80F080
#8080F0
#f08080 #80f080 #8080f0

Tetradic

Edit in generator →
#F08080
#B8F080
#80F0F0
#B880F0
#f08080 #b8f080 #80f0f0 #b880f0

Square

Edit in generator →
#F08080
#B8F080
#80F0F0
#B880F0
#f08080 #b8f080 #80f0f0 #b880f0

Split Complementary

Edit in generator →
#F08080
#80F0B8
#80B8F0
#f08080 #80f0b8 #80b8f0

Monochromatic

Edit in generator →
#DC1A1A
#EA4949
#F08080
#F6B7B7
#FCE4E4
#dc1a1a #ea4949 #f08080 #f6b7b7 #fce4e4

Accessibility & contrast

2.59
#F08080 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.10
#F08080 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightcoral

8.10
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#98937F
Deuteranopia (green-blind)
#B4AA7E
Tritanopia (blue-blind)
#FF7181

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Salmon Pink #FE7B7C2.55
Blush Pink #FE828C3.62
Salmon #FA80724.96
Carnation #FD798F6.02
Watermelon #FC6C856.60
Rose Pink #F7879A6.61

Colors that go with lightcoral

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Maroon #800000
4.2:1
Same hue family as lightcoral (Δh 0°) — guaranteed harmony
Merlot #730039
4.5:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
5.7:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Marine Blue #01386A
4.6:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Aqua #00FFFF
2.1:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.