Bisque

HEX: #FFE4C4 | Modern Palette

On White
1.22:1
FAIL
On Black
17.15:1
PASS

Color Specifications

HEX
#FFE4C4
RGB
255, 228, 196
HSL
32°, 100% ,88%
CMYK
0, 11, 23, 0

About Bisque

Bisque (#FFE4C4) is a color with RGB(255, 228, 196) and HSL(32.5°, 100%, 88.4%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #C4DFFF, which creates strong contrast. Its triadic palette includes #C4FFE4 and #E4C4FF. The name comes from bisque (French).

  • HEX: #FFE4C4
  • RGB: 255, 228, 196
  • HSL: 32.5°, 100%, 88.4%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #C4DFFF
  • Triadic colors: #C4FFE4, #E4C4FF
  • The name comes from bisque (French).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Bisque #FFE4C4 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
BISQUE
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
BISQUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Bisque #FFE4C4 pairs with #C4DFFF as its complementary color, and #C4FFE4 and #E4C4FF in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

BISQUE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

BISQUE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

BISQUE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

BISQUE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

BISQUE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

BISQUE

Shades & Tints

The shade and tint range for Bisque #FFE4C4 moves from dark #1A0E00 tones through the base color to lighter #FFF3E6 tones, making it useful for depth, hierarchy, and background variation.

BISQUE

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #ECECC3
Protanopia #E7E7C4
Tritanopia #FFE0E0
Achromatopsia #E8E8E8

Frequently Asked Questions

Bisque (#FFE4C4) is a color with RGB(255, 228, 196) and HSL(32.5°, 100%, 88.4%).

#FFE4C4 pairs strongly with #C4DFFF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFE4C4 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFE4C4 is commonly associated with Playful.

The name Bisque is linked to bisque from French, meaning The exact origin is debated, but common theories include: 1. From 'Biscay' (Bay of Biscay), suggesting a soup made with seafood from that region. 2. From 'bis cuites' (twice cooked), referring to the method of preparing the shellfish for the soup. 3. Fro….

Name, History & Etymology

Origin Word bisque
Meaning The exact origin is debated, but common theories include: 1. From 'Biscay' (Bay of Biscay), suggesting a soup made with seafood from that region. 2. From 'bis cuites' (twice cooked), referring to the method of preparing the shellfish for the soup. 3. Fro…
Language French
First Recorded Use 17th Century

History

Bisque originated in French cuisine as a highly refined and rich soup, traditionally made from puréed crustaceans like lobster, crab, or shrimp. The preparation typically involves sautéing the shells with aromatics, deglazing with brandy or wine, simmering with stock, and then straining and enriching the liquid with cream. The color #ffe4c4, often referred to as 'Bisque,' is a light, warm, and somewhat desaturated orange-pink, reminiscent of the color of a cooked lobster or shrimp shell, or the creamy finished soup itself. This color association likely emerged much later than the culinary term, as color naming became more descriptive and widespread.

First Recorded Use

The term 'bisque' for a rich, creamy soup, particularly one made from crustaceans, appears in French culinary texts by the 17th century. Early recipes often featured crayfish or pigeon.

Cultural Associations

In culinary contexts, bisque is considered a classic of French haute cuisine, often served as an appetizer in fine dining. It signifies elegance and richness. The color 'Bisque' (as #ffe4c4) is often used in interior design, fashion, and cosmetics to evoke warmth, softness, and a natural, earthy feel. It's a versatile neutral that can be both comforting and sophisticated.

Similar Named Colors
Very Pale Orange #FFDFBF ΔE 2.06
Blanched Almond #FFEBCD ΔE 2.86
Lumber #FFE4CD ΔE 3.40
Peach Puff #FFDAB9 ΔE 3.86

Code Snippets

/* Background */
.element {
    background-color: #FFE4C4;
}

/* Text */
.element {
    color: #FFE4C4;
}

/* Border */
.element {
    border: 1px solid #FFE4C4;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFE4C4,
        #C4DFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFE4C4,
        #C4DFFF
    );
}

// SCSS variable
$bisque: #FFE4C4;

// With RGB channels (useful for rgba() usage)
$bisque-r: 255;
$bisque-g: 228;
$bisque-b: 196;

// Usage
.element {
    background-color: $bisque;
    color: rgba($bisque-r, $bisque-g, $bisque-b, 0.8);
}