orangewarmCSS named color

Lightsalmon #FFA07A

Lightsalmon 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: CTAs · Energy accents

Open in generator →Colors that go with lightsalmon →

Families: Oranges · Coral Colors

Color values

FormatValue
HEX#FFA07A
RGBrgb(255, 160, 122)
HSLhsl(17, 100%, 74%)
HSVhsv(17, 52%, 100%)
OKLCHoklch(79.38% 0.125 42.4)
OKLaboklab(79.38% 0.0922 0.0842)
CMYKcmyk(0%, 37.3%, 52.2%, 0%)
XYZxyz(57.3272, 47.8119, 24.618)
CIE-LABlab(74.7, 31.5, 34.5)
CIE-LCHlch(74.7, 46.7, 47.7°)
Luminance0.478 (WCAG relative)
/* Lightsalmon */ --lightsalmon: #ffa07a; color: #ffa07a; background-color: #ffa07a;

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

Collections: Tropical Colors · 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)

#e38f6d #c77e61 #ac6d54 #915d48 #784e3d #5f3f32 #483027 #31221c #1d1511 #000000

Tints (toward white)

#ffaa87 #ffb394 #ffbda1 #ffc6ae #ffcfbb #ffd9c8 #ffe2d6 #ffece3 #fff5f1 #ffffff

Tones (toward gray)

#f9a380 #f3a586 #eda88d #e6aa93 #dfad99 #d8af9f #d1b1a5 #c9b4ab #c1b6b2 #b8b8b8

Color harmonies

Complementary

Edit in generator →
#FFA07A
#7AD9FF
#ffa07a #7ad9ff

Analogous

Edit in generator →
#FF7A97
#FFA07A
#FFE37A
#ff7a97 #ffa07a #ffe37a

Triadic

Edit in generator →
#FFA07A
#7AFFA0
#A07AFF
#ffa07a #7affa0 #a07aff

Tetradic

Edit in generator →
#FFA07A
#97FF7A
#7AD9FF
#E37AFF
#ffa07a #97ff7a #7ad9ff #e37aff

Square

Edit in generator →
#FFA07A
#97FF7A
#7AD9FF
#E37AFF
#ffa07a #97ff7a #7ad9ff #e37aff

Split Complementary

Edit in generator →
#FFA07A
#7AFFE3
#7A97FF
#ffa07a #7affe3 #7a97ff

Monochromatic

Edit in generator →
#FF4900
#FF743D
#FFA07A
#FFCCB7
#FFE9E0
#ff4900 #ff743d #ffa07a #ffccb7 #ffe9e0

Accessibility & contrast

1.99
#FFA07A on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.56
#FFA07A on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightsalmon

10.56
#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)
#B9AC77
Deuteranopia (green-blind)
#CFC079
Tritanopia (blue-blind)
#FF9096

Closest named colors

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

ColorNameΔE₀₀
Darksalmon #E9967A4.70
Light Salmon #FEA9935.27
Pale Salmon #FFB19A5.96
Peachy Pink #FF9A8A7.24
Coral #FF7F507.85
Orangish #FC824A7.92

Colors that go with lightsalmon

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

Wine #722F37
4.8:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Burgundy #800020
5.5:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Forest Green #2D5A27
4.1:1
UI contrast with the anchor (4.06:1, passes AA large text)
Navy Blue #1B2A4A
7.2:1
Split-complementary angle (Δh ≈156°) — strong but softer than direct complement
Peacock Blue #016795
3.1:1
Complementary hue (Δh ≈178°) — 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.