Peachpuff

peachpuff is a CSS color keyword. The closest Tailwind step is orange-200 (#fed7aa).

#ffdab9rgb(255, 218, 185)

Hex: #ffdab9
RGB: 255, 218, 185
HSL: 28°, 100%, 86%
OKLCH: 91.1% 0.060 63.7
LAB: 89.4 8.1 21.0

Open #ffdab9 in the explorer

Text contrast

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

Black text16.0:1 AAAAPCA Lc 89

White text1.3:1 FailAPCA Lc -17

Color vision

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

Full color
#ffdab9

Protanopia
#e6dcb7

Deuteranopia
#efe4ba

Tritanopia
#ffd2d1

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: peachpuff;
background: #ffdab9;

@theme {
  --color-peachpuff-50: #fff3e8;
  --color-peachpuff-100: #ffe2c8;
  --color-peachpuff-200: #eec9a9;
  --color-peachpuff-300: #d0ad8d;
  --color-peachpuff-400: #b39172;
  --color-peachpuff-500: #947355;
  --color-peachpuff-600: #79593c;
  --color-peachpuff-700: #614326;
  --color-peachpuff-800: #4b2e10;
  --color-peachpuff-900: #341a00;
  --color-peachpuff-950: #180900;
}