CSS Color: Peru

Named CSS color Peru #CD853F in HEX, rgb(205, 133, 63) in RGB, hsl(30, 59%, 53%) in HSL.

PeruBrown

Color Values

FormatValueCSS Usage
NamedPerucolor: Peru;
HEX#CD853Fcolor: #CD853F;
RGBrgb(205, 133, 63)color: rgb(205, 133, 63);
HSLhsl(30, 59%, 53%)color: hsl(30, 59%, 53%);

About Peru

Peru is a warm, sandy brown named after the earthy tones associated with Peruvian landscapes. At hex `#CD853F`, it sits at 30 degrees on the hue wheel with 59% saturation and 53% lightness, creating a bright, warm mid-tone brown.

In web design, Peru is useful for warm accent elements, navigation bars with an earthy theme, and background panels in rustic or natural designs. Its moderate saturation keeps it grounded while its lightness makes it visible and warm.

For accessibility, Peru against white achieves approximately 3.0:1 contrast, passing WCAG AA for large text only. Against very dark backgrounds, it provides good contrast and a warm, inviting appearance.

Peru is lighter and more golden than Sienna, and warmer than Tan. It pairs well with cream, forest green, navy, white, and deep brown. In Tailwind CSS, `amber-500` or `orange-400` provide approximate matches.

FAQ

What is the hex code for Peru?

The CSS named color Peru has the hex code #CD853F. You can use it in CSS as color: #CD853F; or simply color: Peru;.

What is Peru in RGB?

In RGB notation, Peru is rgb(205, 133, 63). Use it in CSS as color: rgb(205, 133, 63);.

What is Peru in HSL?

In HSL notation, Peru is hsl(30, 59%, 53%). Use it in CSS as color: hsl(30, 59%, 53%);.

What color category is Peru?

Peru belongs to the Brown color family in the CSS named colors specification.

Can I use the name "Peru" directly in CSS?

Yes. All modern browsers support CSS named colors. You can write color: Peru; or background-color: Peru; directly in your stylesheet. Named colors are case-insensitive.

Try in Color Converter

Convert Peru to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.

Open Color Converter →