A pale orange, black text passes AA
What color is bisque?
The CSS named color bisque is #ffe4c4, or rgb(255 228 196): a pale orange in plain words. Black text on it reaches 17.15:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | bisque |
| Hex | #ffe4c4 |
| RGB | rgb(255 228 196) |
| HSL | hsl(33 100% 88%) |
| OKLCH | oklch(93.3% 0.051 71.8) |
| Nearest Tailwind color | orange-100 #ffedd4, 0.025 away in OKLab |
| White text | 1.22:1: AA fails, AAA fails, large text fails |
| Black text | 17.15:1: AA passes, AAA passes, large text passes |
About bisque
In OKLCH terms bisque has a lightness of 93.3%, a chroma of 0.051 and a hue of 71.8 degrees, a pale orange to the eye.
Here HSL's lightness, 88%, lands near OKLCH's 93.3%, which is not true of every color. The CSS keyword blanchedalmond (#ffebcd) is almost the same color: 0.018 apart in OKLab, under the step most people notice.
For text, bisque wants black: 17.15:1 clears even AAA's 7:1, and white at 1.22:1 fails AA. Its neighbors in the hue-sorted list of names are antiquewhite and moccasin.
The closest Tailwind 4.3.3 color is orange-100, 0.025 away in OKLab, so bg-orange-100 comes near; bg-[#ffe4c4] gives the color itself.
Tints and shades
- #fffbf5
- #fff6eb
- #fff2e2
- #ffedd8
- #ffe9ce
- #ffe4c4
- #c8b399
- #948470
- #63584a
- #362f27
- #0f0c08
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
- #ffe4c4
- #9a896f
- #172f2d
- #d7a774
- #67447b
Locked as the first of five swatches, bisque gets #9a896f, #172f2d, #d7a774, #67447b from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using bisque
As a text color, bisque on a black page gives the same 17.15:1.
.notice {
background-color: bisque; /* #ffe4c4 */
color: black; /* 17.15:1 */
}Common questions
Does white text pass WCAG AA on bisque?
No. White text measures 1.22:1 on bisque, under AA's 4.5:1; black text measures 17.15:1 and passes.
Can bisque be written in OKLCH?
Yes: oklch(93.3% 0.051 71.8), computed from #ffe4c4. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to bisque?
Yes: blanchedalmond (#ffebcd) is the nearest, 0.018 away in OKLab, then moccasin at 0.019.