Lavenderblush

lavenderblush is a CSS color keyword. The closest Tailwind step is pink-50 (#fdf2f8).

#fff0f5rgb(255, 240, 245)
Hex
#fff0f5
RGB
255, 240, 245
HSL
340°, 100%, 97%
OKLCH
96.8% 0.017 355.1
LAB
96.1 5.9 -0.6

Open #fff0f5 in the explorer

Text contrast

Black or white text on #fff0f5. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text19.0:1 AAAAPCA Lc 100
White text1.1:1 FailAPCA Lc 0

Color vision

How #fff0f5 looks in simulations of color blindness, at full severity.

Full color
#fff0f5
Protanopia
#f1f2f5
Deuteranopia
#f5f5f5
Tritanopia
#fff0f2

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lavenderblush.

50100200300400500600700800900950

Copy into CSS

color: lavenderblush;
background: #fff0f5;
@theme {
  --color-lavenderblush-50: #fff1f6;
  --color-lavenderblush-100: #f2e3e8;
  --color-lavenderblush-200: #dbcdd1;
  --color-lavenderblush-300: #beb0b5;
  --color-lavenderblush-400: #a29499;
  --color-lavenderblush-500: #83767b;
  --color-lavenderblush-600: #695d61;
  --color-lavenderblush-700: #53474b;
  --color-lavenderblush-800: #3d3236;
  --color-lavenderblush-900: #291e22;
  --color-lavenderblush-950: #130a0e;
}