A pale orange, black text passes AA
What color is blanchedalmond?
The CSS named color blanchedalmond is #ffebcd, or rgb(255 235 205): a pale orange in plain words. Black text on it reaches 18.02:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | blanchedalmond |
| Hex | #ffebcd |
| RGB | rgb(255 235 205) |
| HSL | hsl(36 100% 90%) |
| OKLCH | oklch(94.8% 0.045 78.1) |
| Nearest Tailwind color | orange-100 #ffedd4, 0.009 away in OKLab |
| White text | 1.17:1: AA fails, AAA fails, large text fails |
| Black text | 18.02:1: AA passes, AAA passes, large text passes |
About blanchedalmond
Measured in OKLCH, blanchedalmond comes out at lightness 94.8%, chroma 0.045 and hue 78.1 degrees: a pale orange.
Here HSL's lightness, 90%, lands near OKLCH's 94.8%, which is not true of every color. The CSS keyword papayawhip (#ffefd5) is almost the same color: 0.012 apart in OKLab, under the step most people notice.
Black on blanchedalmond reads at 18.02:1, enough for AAA body text; white reaches 1.17:1 and should stay off it. Its neighbors in the hue-sorted list of names are papayawhip and antiquewhite.
The closest Tailwind 4.3.3 color is orange-100, 0.009 away in OKLab, so bg-orange-100 comes very close; bg-[#ffebcd] gives the color itself.
Tints and shades
- #fffcf7
- #fff8ee
- #fff5e6
- #fff2de
- #ffeed5
- #ffebcd
- #c8b8a0
- #948876
- #635b4e
- #363129
- #0f0c09
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
- #ffebcd
- #78561e
- #64dde5
- #34193a
- #00a5ae
Around blanchedalmond as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #78561e, #64dde5, #34193a, #00a5ae, drawn from a seed fixed by its hex. Open it in Recolor.
Using blanchedalmond
As a text color, blanchedalmond on a black page gives the same 18.02:1.
.notice {
background-color: blanchedalmond; /* #ffebcd */
color: black; /* 18.02:1 */
}Common questions
Does white text pass WCAG AA on blanchedalmond?
No. White text measures 1.17:1 on blanchedalmond, under AA's 4.5:1; black text measures 18.02:1 and passes.
Can blanchedalmond be written in OKLCH?
Yes: oklch(94.8% 0.045 78.1), computed from #ffebcd. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to blanchedalmond?
Yes: papayawhip (#ffefd5) is the nearest, 0.012 away in OKLab, then antiquewhite at 0.014.