redwarmCSS named color

Lightpink #FFB6C1

Lightpink 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 lightpink →

Families: Reds

Color values

FormatValue
HEX#FFB6C1
RGBrgb(255, 182, 193)
HSLhsl(351, 100%, 86%)
HSVhsv(351, 29%, 100%)
OKLCHoklch(84.74% 0.086 9.1)
OKLaboklab(84.74% 0.0847 0.0136)
CMYKcmyk(0%, 28.6%, 24.3%, 0%)
XYZxyz(67.5948, 58.5699, 58.1865)
CIE-LABlab(81.1, 28.0, 5.0)
CIE-LCHlch(81.1, 28.4, 10.2°)
Luminance0.586 (WCAG relative)
/* Lightpink */ --lightpink: #ffb6c1; color: #ffb6c1; background-color: #ffb6c1;

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

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)

#e2a2ac #c78f97 #ab7c83 #91696f #77575c #5f4649 #473538 #312527 #1c1617 #000000

Tints (toward white)

#ffbdc7 #ffc5cd #ffccd3 #ffd3d9 #ffdbe0 #ffe2e6 #ffe9ec #fff0f2 #fff8f9 #ffffff

Tones (toward gray)

#fab8c2 #f5bac3 #f0bcc3 #ebbec4 #e5c0c5 #e0c2c6 #dbc4c7 #d5c6c8 #cfc8c8 #c9c9c9

Color harmonies

Complementary

Edit in generator →
#FFB6C1
#B6FFF4
#ffb6c1 #b6fff4

Analogous

Edit in generator →
#FFB6E5
#FFB6C1
#FFCFB6
#ffb6e5 #ffb6c1 #ffcfb6

Triadic

Edit in generator →
#FFB6C1
#C1FFB6
#B6C1FF
#ffb6c1 #c1ffb6 #b6c1ff

Tetradic

Edit in generator →
#FFB6C1
#E5FFB6
#B6FFF4
#CFB6FF
#ffb6c1 #e5ffb6 #b6fff4 #cfb6ff

Square

Edit in generator →
#FFB6C1
#E5FFB6
#B6FFF4
#CFB6FF
#ffb6c1 #e5ffb6 #b6fff4 #cfb6ff

Split Complementary

Edit in generator →
#FFB6C1
#B6FFCF
#B6E5FF
#ffb6c1 #b6ffcf #b6e5ff

Monochromatic

Edit in generator →
#FF3C59
#FF798D
#FFB6C1
#FFE0E5
#FFE0E5
#ff3c59 #ff798d #ffb6c1 #ffe0e5 #ffe0e5

Accessibility & contrast

1.65
#FFB6C1 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.71
#FFB6C1 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightpink

12.71
#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)
#C1C1C1
Deuteranopia (green-blind)
#D3CEC0
Tritanopia (blue-blind)
#FFB0BA

Closest named colors

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

ColorNameΔE₀₀
Soft Pink #FDB0C01.96
Pink #FFC0CB2.67
Bubblegum #FFC1CC2.94
Pastel Pink #FFBACD3.11
Pale Rose #FDC1C53.65
Baby Pink #FFB7CE4.01

Colors that go with lightpink

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

Dark Maroon #3C0008
10.6:1
Same hue family as lightpink (Δh 1°) — guaranteed harmony
9.3:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Forest Green #2D5A27
4.9:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Marine Blue #01386A
7.2:1
Split-complementary angle (Δh ≈142°) — strong but softer than direct complement
4.7:1
Complementary hue (Δh ≈172°) — 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.