Bisque color codes
| CSS name | bisque |
|---|---|
| HEX | #FFE4C4 |
| RGB | rgb(255, 228, 196) |
| HSL | hsl(33, 100%, 88%) |
| CMYK | cmyk(0%, 11%, 23%, 0%) |
| Decimal | 16770244 |
Shades of Bisque (darker)
#E6CDB0 · #CCB69D · #B3A089 · #998976 · #807262 · #665B4E · #4D443B · #332E27 · #1A1714
Tints of Bisque (lighter)
#FFE7CA · #FFE9D0 · #FFECD6 · #FFEFDC · #FFF2E2 · #FFF4E7 · #FFF7ED · #FFFAF3 · #FFFCF9
Color harmonies
| Complementary | #C2DDFF |
|---|---|
| Triadic | #C2FFE3, #E3C2FF |
| Analogous | #FFC5C2, #FCFFC2 |
Accessibility (WCAG contrast)
| White text on Bisque | 1.22:1 · Fail |
|---|---|
| Black text on Bisque | 17.15:1 · AAA |
Use Bisque in code
.element {
color: bisque; /* or #ffe4c4 */
background-color: rgb(255 228 196 / 0.5);
}Frequently asked questions
What is the hex code for Bisque?
Bisque is #FFE4C4 in HEX, rgb(255, 228, 196) in RGB and hsl(33, 100%, 88%) in HSL.
Can I use "bisque" directly in CSS?
Yes. "bisque" is one of the 148 standard CSS named colors, so color: bisque; works in every browser.
Is Bisque readable on white?
The contrast ratio of Bisque on white is 1.22:1 (WCAG Fail). On black it is 17.15:1 (AAA).
What is the complementary color of Bisque?
The complementary color (opposite on the color wheel) is #C2DDFF.
Similar colors
Blanched Almond#FFEBCDPeach Puff#FFDAB9Moccasin#FFE4B5Papaya Whip#FFEFD5Wheat#F5DEB3Antique White#FAEBD7Lemon Chiffon#FFFACDNavajo White#FFDEAD
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.