A pinkish white, black text passes AA
What color is lavenderblush?
lavenderblush is a pinkish white: #fff0f5 in hex, rgb(255 240 245). Black text on it reaches 19.03:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lavenderblush |
| Hex | #fff0f5 |
| RGB | rgb(255 240 245) |
| HSL | hsl(340 100% 97%) |
| OKLCH | oklch(96.8% 0.017 355.1) |
| Nearest Tailwind color | rose-50 #fff1f2, 0.005 away in OKLab |
| White text | 1.10:1: AA fails, AAA fails, large text fails |
| Black text | 19.03:1: AA passes, AAA passes, large text passes |
About lavenderblush
A pinkish white is the plain description of lavenderblush: OKLCH lightness 96.8%, chroma 0.017, hue 355.1 degrees.
HSL and OKLCH agree on how light it is, 97% and 96.8%. Its nearest CSS named color, whitesmoke (#f5f5f5), is 0.018 away in OKLab, too close to tell apart by eye.
Black text on lavenderblush measures 19.03:1, past the 7:1 of WCAG AAA, while white text manages only 1.10:1. In the hue-sorted table of named colors it sits between whitesmoke and linen.
In Tailwind CSS 4.3.3 the nearest default color is rose-50 (#fff1f2), 0.005 away in OKLab; for the exact color, an arbitrary value such as bg-[#fff0f5] works.
Tints and shades
- #fffcfd
- #fffafb
- #fff7f9
- #fff5f8
- #fff2f6
- #fff0f5
- #c9bcbf
- #948b8d
- #635d5e
- #363233
- #0f0d0d
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #fff0f5
- #5e5779
- #b5d2c5
- #281810
- #7e76a1
Recolor's generator, with lavenderblush locked as swatch 1 and the seed taken from its hex, drew a triadic palette, three hues a third of the wheel apart: #5e5779, #b5d2c5, #281810, #7e76a1. Open it in Recolor.
Using lavenderblush
As a text color, lavenderblush on a black page gives the same 19.03:1.
.notice {
background-color: lavenderblush; /* #fff0f5 */
color: black; /* 19.03:1 */
}Common questions
Does white text pass WCAG AA on lavenderblush?
No. White text measures 1.10:1 on lavenderblush, under AA's 4.5:1; black text measures 19.03:1 and passes.
Can lavenderblush be written in OKLCH?
Yes: oklch(96.8% 0.017 355.1), computed from #fff0f5. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lavenderblush?
Yes: whitesmoke (#f5f5f5) is the nearest, 0.018 away in OKLab, then seashell at 0.018.