Bisque

bisque is a CSS color keyword. The closest Tailwind step is orange-100 (#ffedd5).

#ffe4c4rgb(255, 228, 196)

Hex: #ffe4c4
RGB: 255, 228, 196
HSL: 33°, 100%, 88%
OKLCH: 93.3% 0.051 71.8
LAB: 92.0 4.4 19.0

Open #ffe4c4 in the explorer

Text contrast

Black or white text on #ffe4c4. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text17.1:1 AAAAPCA Lc 93

White text1.2:1 FailAPCA Lc -12

Color vision

How #ffe4c4 looks in simulations of color blindness, at full severity.

Full color
#ffe4c4

Protanopia
#eee4c2

Deuteranopia
#f5ebc5

Tritanopia
#ffdddb

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to bisque.

50 100200300400500600700800900950

Copy into CSS

color: bisque;
background: #ffe4c4;

@theme {
  --color-bisque-50: #fff3e5;
  --color-bisque-100: #fee3c3;
  --color-bisque-200: #e7ccad;
  --color-bisque-300: #c9af91;
  --color-bisque-400: #ad9476;
  --color-bisque-500: #8e7659;
  --color-bisque-600: #735c40;
  --color-bisque-700: #5c462a;
  --color-bisque-800: #463115;
  --color-bisque-900: #311d01;
  --color-bisque-950: #160a00;
}