pinkwarmCSS named color

Lavenderblush #FFF0F5

Lavenderblush is a very light, highly saturated cool-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: Soft UI · Romantic palettes

Open in generator →

Color values

FormatValue
HEX#FFF0F5
RGBrgb(255, 240, 245)
HSLhsl(340, 100%, 97%)
HSVhsv(340, 6%, 100%)
OKLCHoklch(96.83% 0.017 355.1)
OKLaboklab(96.83% 0.0173 -0.0015)
CMYKcmyk(0%, 5.9%, 3.9%, 0%)
XYZxyz(88.8794, 90.1736, 99.0915)
CIE-LABlab(96.1, 5.9, -0.6)
CIE-LCHlch(96.1, 5.9, 354.2°)
Luminance0.902 (WCAG relative)
/* Lavenderblush */ --lavenderblush: #fff0f5; color: #fff0f5; background-color: #fff0f5;

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

Collections: Off White 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)

#e2d5da #c6bbbf #aba1a5 #91888b #777073 #5e595b #474344 #302e2f #1b1a1b #000000

Tints (toward white)

#fff2f6 #fff3f7 #fff5f8 #fff6f9 #fff8fa #fff9fb #fffbfc #fffcfd #fffefe #ffffff

Tones (toward gray)

#fef0f5 #fdf1f5 #fcf1f5 #fbf1f4 #f9f2f4 #f8f2f4 #f7f3f4 #f6f3f4 #f5f3f4 #f4f4f4

Color harmonies

Complementary

Edit in generator →
#FFF0F5
#F0FFFA
#fff0f5 #f0fffa

Analogous

Edit in generator →
#FFF0FD
#FFF0F5
#FFF3F0
#fff0fd #fff0f5 #fff3f0

Triadic

Edit in generator →
#FFF0F5
#F5FFF0
#F0F5FF
#fff0f5 #f5fff0 #f0f5ff

Tetradic

Edit in generator →
#FFF0F5
#FDFFF0
#F0FFFA
#F3F0FF
#fff0f5 #fdfff0 #f0fffa #f3f0ff

Square

Edit in generator →
#FFF0F5
#FDFFF0
#F0FFFA
#F3F0FF
#fff0f5 #fdfff0 #f0fffa #f3f0ff

Split Complementary

Edit in generator →
#FFF0F5
#F0FFF3
#F0FDFF
#fff0f5 #f0fff3 #f0fdff

Monochromatic

Edit in generator →
#FF76A3
#FFB3CC
#FFE0EB
#FFE0EB
#FFE0EB
#ff76a3 #ffb3cc #ffe0eb #ffe0eb #ffe0eb

Accessibility & contrast

1.10
#FFF0F5 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
19.03
#FFF0F5 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lavenderblush

19.03
#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)
#F1F2F5
Deuteranopia (green-blind)
#F5F5F5
Tritanopia (blue-blind)
#FFF0F2

Closest named colors

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

ColorNameΔE₀₀
Snow #FFFAFA5.39
Mistyrose #FFE4E15.53
Ghostwhite #F8F8FF6.40
Seashell #FFF5EE6.76
Pale Grey #FDFDFE7.37
Whitesmoke #F5F5F57.39

Colors that go with lavenderblush

Top matches by hue harmony, contrast and saturation compatibility.

Purplish Brown #6B4247
7.6:1
Analogous hue (Δh ≈13°) — neighbors on the color wheel
Espresso #4B382A
10.0:1
Warm/cool bridge (Δh 45°) — adds depth without tension
Navy Blue #1B2A4A
12.9:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Prussian Blue #004577
9.0:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Evergreen #05472A
9.8:1
Complementary hue (Δh ≈174°) — 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.