Skip to content

Bisque

Bisque is a very light, vivid color from the orange family. Hex code #FFE4C4.

Bisque#FFE4C4

Color codes

  • CSS namebisque
  • HEX#FFE4C4
  • RGBrgb(255 228 196)
  • HSLhsl(33 100% 88%)
  • HSB / HSVhsb(33, 23%, 100%)
  • OKLCHoklch(93.3% 0.051 71.8)
  • CMYKcmyk(0%, 11%, 23%, 0%)

White text

1.22:1 · fails WCAG

Black text

17.14:1 · passes WCAG AAA

Shades

50#FEEFDE
100#EAD0B0
200#CDB395
300#B1987A
400#957D60
500#7B6347
600#614B2F
700#483317
800#311D01

Complementary

#FFE4C4
#DBEBFD

Analogous

#FFE4C4
#FEE2D8
#EFEBC4

Triadic

#FFE4C4
#C2F4F1
#F2E1FE

About this color

Bisque in CSS and design

Bisque is a very light, vivid color from the orange family. Bisque is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: bisque;
color: #FFE4C4;
color: rgb(255 228 196);
color: hsl(33 100% 88%);

For text on bisque, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for bisque?

#FFE4C4. In CSS you can also use the keyword bisque, which works in every browser.

What is bisque in RGB and HSL?

In RGB it is rgb(255 228 196), in HSL hsl(33 100% 88%). For print, cmyk(0%, 11%, 23%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on bisque?

Black text works better: it has a contrast ratio of 17.14:1 and passes WCAG AAA. White text reaches 1.22:1.

Which colors go with bisque?

Its complementary color is #DBEBFD, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #FEE2D8 and #EFEBC4. The palette generator builds more combinations.