What is the hex code for Bisque?

The hex code for Bisque is #FFE4C4.

What is the RGB value of Bisque?

The RGB value of Bisque is rgb(255, 228, 196).

What is the HSL value of Bisque?

The HSL value of Bisque is hsl(33, 100%, 88%).

What is the HSV value of Bisque?

The HSV value of Bisque is hsv(33, 23%, 100%).

What CSS code do I use for Bisque?

Use background-color: #FFE4C4; for background, color: #FFE4C4; for text, or border: 1px solid #FFE4C4; for borders.

Bisque Hex #FFE4C4: HTML Color Code & Gradients

Bisque (#FFE4C4) Color Codes & Gradients

Color Preview

Make a gradient with Bisque →

Opens Bisque with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	bisque
Hex	#FFE4C4
RGB	rgb(255, 228, 196)
HSV	hsv(33, 23%, 100%)
HSL	hsl(33, 100%, 88%)
OKLCH	oklch(93.29% 0.0514 71.85)

What is the color name for #FFE4C4?

#FFE4C4 color name is Bisque.

Color Information

The HTML color Bisque has the hexadecimal code #FFE4C4 and in the RGB color space is composed of 100% red, 89% green, and 77% blue. The color Bisque has a hue angle of 32.5 degrees, a saturation of 100% and a lightness of 88.4%.

Bisque CSS Code Snippets

Background Color

.bg-bisque { background-color: #FFE4C4; }

Text Color

.text-bisque { color: #FFE4C4; }

Border Color

.border-bisque { border: 1px solid #FFE4C4; }

Shade Gradient

.gradient-shade-bisque { background: linear-gradient(135deg, #FFE4C4, #FFC887); }

Tint Gradient

.gradient-tint-bisque { background: linear-gradient(135deg, #FFE4C4, #FFFFFF); }

Monochromatic Gradient

.gradient-mono-bisque { background: linear-gradient(135deg, #FFE4C4, #DBC3A8); }

Bisque Shades

#FFDFBA

#FFDBB0

#FFD6A5

#FFD19B

#FFCD91

#FFC887

Bisque Tints

#FFE9CE

#FFEDD8

#FFF2E3

#FFF7ED

#FFFBF7

#FFFFFF

Bisque Tones

#FBE4C8

#F7E3CC

#F3E3CF

#F0E3D3

#ECE2D7

#E8E2DB

Bisque Monochromatic

#DBC3A8

#B6A38C

#928270

#6D6254

#494138

#24211C

Similar Colors to Bisque

#FFD0C4

#FFD8C4

#FFE0C4

#FFE8C4

#FFF0C4

#FFF8C4

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator