Peru

peru is a CSS color keyword. The closest Tailwind step is yellow-700 (#a16207).

#cd853frgb(205, 133, 63)
Hex
#cd853f
RGB
205, 133, 63
HSL
30°, 59%, 53%
OKLCH
67.8% 0.123 62.2
LAB
61.8 21.4 47.9

Open #cd853f in the explorer

Text contrast

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

Black text7.0:1 AAAAPCA Lc 50
White text3.0:1 FailAPCA Lc -59

Color vision

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

Full color
#cd853f
Protanopia
#9b8b37
Deuteranopia
#ac9c40
Tritanopia
#df7576

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: peru;
background: #cd853f;
@theme {
  --color-peru-50: #fff3e8;
  --color-peru-100: #ffe2c9;
  --color-peru-200: #ffc38f;
  --color-peru-300: #eca25d;
  --color-peru-400: #ce8640;
  --color-peru-500: #ad671b;
  --color-peru-600: #8c4f00;
  --color-peru-700: #6e3c00;
  --color-peru-800: #502b00;
  --color-peru-900: #351a00;
  --color-peru-950: #180900;
}