CSS named color

Peru

#CD853F
HEX#cd853f
RGBrgb(205, 133, 63)
HSLhsl(30, 59%, 53%)
OKLCHoklch(67.82% 0.1227 62.18)
NAMEperu

Palette

Complementary

180° on the color wheel
Complement
#4087CE

Analogous

±30° around the base hue
Left
#CE4040
Right
#CECE40

Triadic

±120° for harmonic contrast
Triad 1
#40CE87
Triad 2
#8740CE

Shades

Lighter and darker variants
Lightest
#F2E0CE
Lighter
#E3BA92
Base
#CD853F
Peru
Darker
#865423
Darkest
#492E13

CSS usage

By name
color: peru;
background-color: peru;
By HEX
color: #cd853f;
background-color: #cd853f;
By RGB
color: rgb(205, 133, 63);
background-color: rgb(205, 133, 63);
By HSL
color: hsl(30, 59%, 53%);
background-color: hsl(30, 59%, 53%);

WCAG contrast vs white

Aa
2.99:1
Below minimum

WCAG contrast vs black

Aa
7.02:1
AAA

Related colors

FAQ — Peru

What is the HEX code for Peru?

The HEX code for Peru is #CD853F. It's one of the 148 named CSS colors and can be used directly in CSS as color: peru; or color: #cd853f;

What is Peru in RGB?

Peru in RGB is rgb(205, 133, 63) — red 205, green 133, blue 63.

What is Peru in HSL?

Peru in HSL is hsl(30, 59%, 53%) — hue 30°, saturation 59%, lightness 53%.

What is the complementary color of Peru?

The complementary color (directly opposite Peru on the color wheel) is #4087CE. The two together produce maximum contrast.

Is white text readable on Peru?

The WCAG contrast ratio against white (#FFFFFF) is 2.99:1, and against black (#000000) it's 7.02:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter