Bisque color (#FFE4C4)
Bisque is one of the 148 CSS named colors. Use the keyword bisque
anywhere CSS accepts a color, or its hex code #FFE4C4, which is rgb(255, 228, 196) in RGB.
It is a very light, muted warm color with a hue angle of 33° on the HSL color wheel and a perceived lightness of 93% in OKLCH. On a bisque background, black text gives the higher contrast at 17.14:1, which passes WCAG AA for normal text.
Bisque color codes
| CSS name | bisque |
|
|---|---|---|
| HEX | #FFE4C4 |
|
| HEX (8-digit) | #FFE4C4FF |
|
| RGB | rgb(255, 228, 196) |
|
| HSL | hsl(33, 100%, 88%) |
|
| HSV / HSB | hsv(33, 23%, 100%) |
|
| OKLCH | oklch(93.3% 0.0514 71.8) |
|
| CMYK | cmyk(0%, 10.6%, 23.1%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for bisque used as text and as a background.
Tints and shades of bisque
Tints mix bisque with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with bisque
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Bisque with color blindness
Approximately how bisque appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using bisque in CSS
.element {
color: bisque;
background-color: #ffe4c4;
border-color: rgb(255 228 196 / 50%);
outline-color: oklch(93.3% 0.0514 71.8);
}Similar named colors
See all shades of brown or browse every CSS color name.