Papayawhip

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

#ffefd5rgb(255, 239, 213)
Hex
#ffefd5
RGB
255, 239, 213
HSL
37°, 100%, 92%
OKLCH
95.8% 0.038 80.0
LAB
95.1 1.3 14.5

Open #ffefd5 in the explorer

Text contrast

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

Black text18.6:1 AAAAPCA Lc 98
White text1.1:1 FailAPCA Lc 0

Color vision

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

Full color
#ffefd5
Protanopia
#f6efd3
Deuteranopia
#faf3d6
Tritanopia
#ffeae8

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: papayawhip;
background: #ffefd5;
@theme {
  --color-papayawhip-50: #fff4e1;
  --color-papayawhip-100: #f6e6cc;
  --color-papayawhip-200: #decfb5;
  --color-papayawhip-300: #c1b299;
  --color-papayawhip-400: #a5967e;
  --color-papayawhip-500: #867861;
  --color-papayawhip-600: #6c5e48;
  --color-papayawhip-700: #554832;
  --color-papayawhip-800: #40331e;
  --color-papayawhip-900: #2b1f0a;
  --color-papayawhip-950: #150b00;
}