Sandybrown

sandybrown is a CSS color keyword. The closest Tailwind step is orange-300 (#fdba74).

#f4a460rgb(244, 164, 96)
Hex
#f4a460
RGB
244, 164, 96
HSL
28°, 87%, 67%
OKLCH
78.4% 0.127 59.7
LAB
74.0 23.0 46.8

Open #f4a460 in the explorer

Text contrast

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

Black text10.3:1 AAAAPCA Lc 66
White text2.0:1 FailAPCA Lc -42

Color vision

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

Full color
#f4a460
Protanopia
#bcab5a
Deuteranopia
#cfbd61
Tritanopia
#ff9394

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: sandybrown;
background: #f4a460;
@theme {
  --color-sandybrown-50: #fff3e9;
  --color-sandybrown-100: #ffe2cb;
  --color-sandybrown-200: #ffc393;
  --color-sandybrown-300: #efa05c;
  --color-sandybrown-400: #d1833e;
  --color-sandybrown-500: #b06519;
  --color-sandybrown-600: #8f4d00;
  --color-sandybrown-700: #6f3b00;
  --color-sandybrown-800: #522a00;
  --color-sandybrown-900: #361900;
  --color-sandybrown-950: #190800;
}