Tan

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

#d2b48crgb(210, 180, 140)
Hex
#d2b48c
RGB
210, 180, 140
HSL
34°, 44%, 69%
OKLCH
78.6% 0.064 74.6
LAB
75.0 5.0 24.4

Open #d2b48c in the explorer

Text contrast

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

Black text10.6:1 AAAAPCA Lc 68
White text2.0:1 FailAPCA Lc -40

Color vision

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

Full color
#d2b48c
Protanopia
#c0b489
Deuteranopia
#c7bb8d
Tritanopia
#deaca9

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: tan;
background: #d2b48c;
@theme {
  --color-tan-50: #fff3e4;
  --color-tan-100: #ffe3be;
  --color-tan-200: #eacca3;
  --color-tan-300: #cdaf87;
  --color-tan-400: #b0936c;
  --color-tan-500: #91754f;
  --color-tan-600: #765b36;
  --color-tan-700: #5f451f;
  --color-tan-800: #483007;
  --color-tan-900: #301d00;
  --color-tan-950: #160b00;
}