Moccasin

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

#ffe4b5rgb(255, 228, 181)

Hex: #ffe4b5
RGB: 255, 228, 181
HSL: 38°, 100%, 85%
OKLCH: 93.0% 0.068 81.4
LAB: 91.7 2.4 26.4

Open #ffe4b5 in the explorer

Text contrast

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

Black text17.0:1 AAAAPCA Lc 93

White text1.2:1 FailAPCA Lc -13

Color vision

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

Full color
#ffe4b5

Protanopia
#f0e3b2

Deuteranopia
#f7eab6

Tritanopia
#ffdbd7

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: moccasin;
background: #ffe4b5;

@theme {
  --color-moccasin-50: #fff4e0;
  --color-moccasin-100: #ffe4b5;
  --color-moccasin-200: #e8cd9f;
  --color-moccasin-300: #cab083;
  --color-moccasin-400: #ae9468;
  --color-moccasin-500: #8f764b;
  --color-moccasin-600: #745c31;
  --color-moccasin-700: #5d461a;
  --color-moccasin-800: #473101;
  --color-moccasin-900: #2e1e00;
  --color-moccasin-950: #150b00;
}