What is the hex code for peru?

The hex code for peru is #CD853F. The same color is rgb(205, 133, 63), hsl(30, 59%, 53%) and oklch(67.8% 0.123 62.2), and in CSS you can also write the keyword peru directly.

Can you use white text on peru?

White text on peru has a contrast ratio of 2.99:1, which fails AA even for large text under WCAG 2.2. Black text reaches 7.02:1 and passes both AA and AAA. In APCA terms that is Lc −61.6 for white and Lc 47.8 for black.

What is the RGB value of peru?

Peru is rgb(205, 133, 63): red 205, green 133 and blue 63 on the 0 to 255 scale, or 80.4%, 52.2% and 24.7%. As a decimal integer it is 13468991.

CSS named color

Peru #CD853F

Peru (CSS keyword peru) has the hex code #CD853F and the RGB value rgb(205, 133, 63): a medium, moderately saturated orange.

Peru#CD853F

Named after the country, a medium orange-brown (#cd853f); the X11 list does not document why. It sits between chocolate and burlywood.

Color codes for Peru

Color codes for Peru
CSS keyword	peru
HEX	#CD853F
RGB	rgb(205, 133, 63)
HSL	hsl(30, 59%, 53%)
HWB	hwb(30 25% 20%)
OKLCH	oklch(67.8% 0.123 62.2)
CMYK (naive, no ICC profile)	cmyk(0%, 35%, 69%, 20%)
Decimal	13,468,991
Hue family	Browns and tans

Contrast and accessibility

On peru, black text has a contrast ratio of 7.02:1 and passes AAA at any text size; white text reaches 2.99:1.

WCAG 2.2 contrast ratios (success criteria 1.4.3 and 1.4.6: AA needs 4.5:1 for normal text and 3:1 for large text, AAA needs 7:1 and 4.5:1). APCA Lc is the lightness contrast from the APCA-W3 0.0.98G model proposed for WCAG 3; a higher absolute value is more readable, and Lc 75 is its suggested minimum for body text.

Contrast and accessibility
Pair	Ratio	AA	AA large	AAA	AAA large	APCA Lc
Black text on peru	7.02:1	Pass	Pass	Pass	Pass	47.8
White text on peru	2.99:1	Fail	Fail	Fail	Fail	−61.6
Peru text on white	2.99:1	Fail	Fail	Fail	Fail	56.3
Peru text on black	7.02:1	Pass	Pass	Pass	Pass	−45.5

Tints and shades

Each step mixes peru with white (tints) or black (shades) in gamma-encoded sRGB, the same result as color-mix(in srgb, peru, white 25%) in CSS.

Tints (mixed with white)

5%
#d08b49
15%
#d5975c
25%
#daa46f
35%
#dfb082
45%
#e4bc95
55%
#e9c8a9
65%
#eed4bc
75%
#f3e1cf
85%
#f8ede2
95%
#fdf9f5

Shades (mixed with black)

5%
#c37e3c
15%
#ae7136
25%
#9a642f
35%
#855629
45%
#714923
55%
#5c3c1c
65%
#482f16
75%
#332110
85%
#1f1409
95%
#0a0703

Color harmonies

Rotating the hue in OKLCH while keeping lightness and chroma, peru's complementary color is #49A0DD (close to cornflowerblue), its analogous colors are #D97966 and #B3952D, and its triadic partners are #00B09E and #A684D6. For text on top, black gives the higher contrast.

Color harmonies
Harmony	Rotation	Color
Complementary	+180°	#49a0dd
Analogous	−30°, +30°	#d97966#b3952d
Triadic	+120°, +240°	#00b09e#a684d6
Split-complementary	+150°, +210°	#00abc4#7e92e3

Computed in OKLCH: the hue is rotated by 180° (complementary), ±30° (analogous), ±120° (triadic) and 180° ±30° (split-complementary) while lightness and chroma stay fixed. Results that fall outside sRGB are brought back with the CSS Color 4 gamut mapping algorithm. Because this uses OKLCH, the values differ from tools that rotate hue in HSL, but every color keeps the same perceived lightness.

Warm or cool?

Peru is a warm color: its hue is 30° on the HSL wheel, in the red, orange and yellow range (0° to about 70°, plus reds above 330°) that is conventionally called warm.

Nearest named and Tailwind colors

Distance is ΔE OK, the Euclidean distance in OKLab multiplied by 100. Values under about 2 are hard to tell apart side by side.

Nearest CSS named colors

Nearest CSS named colors
Color	HEX	ΔE OK
darkgoldenrod	#b8860b	5.1
chocolate	#d2691e	6.1
darksalmon	#e9967a	8.7

Nearest Tailwind v4 colors

Nearest Tailwind v4 colors
Color	HEX	ΔE OK
yellow-600	#d08700	5.2
amber-600	#e17100	5.8
orange-400	#ff8904	9.5

Code snippets

CSS

.element {
  color: peru;
  background-color: #cd853f;
  border-color: rgb(205 133 63);
  outline-color: oklch(67.8% 0.123 62.2);
}

Tailwind CSS

<div class="bg-[#cd853f] text-black">...</div>

/* or register it once in your CSS (Tailwind v4) */
@theme {
  --color-peru: #cd853f;
}
/* then use bg-peru, text-peru, border-peru */

SwiftUI

import SwiftUI

extension Color {
  static let peru = Color(red: 0.804, green: 0.522, blue: 0.247)
}

Jetpack Compose

import androidx.compose.ui.graphics.Color

val Peru = Color(0xFFCD853F)

Flutter

import 'package:flutter/material.dart';

const peru = Color(0xFFCD853F);

Android XML

<!-- res/values/colors.xml -->
<color name="peru">#CD853F</color>

Frequently asked questions

What is the hex code for peru?: The hex code for peru is #CD853F. The same color is rgb(205, 133, 63), hsl(30, 59%, 53%) and oklch(67.8% 0.123 62.2), and in CSS you can also write the keyword peru directly.
Is peru a warm or cool color?: Peru is a warm color: its hue is 30° on the HSL wheel, in the red, orange and yellow range (0° to about 70°, plus reds above 330°) that is conventionally called warm.
What colors go with peru?: Rotating the hue in OKLCH while keeping lightness and chroma, peru's complementary color is #49A0DD (close to cornflowerblue), its analogous colors are #D97966 and #B3952D, and its triadic partners are #00B09E and #A684D6. For text on top, black gives the higher contrast.
Can you use white text on peru?: White text on peru has a contrast ratio of 2.99:1, which fails AA even for large text under WCAG 2.2. Black text reaches 7.02:1 and passes both AA and AAA. In APCA terms that is Lc −61.6 for white and Lc 47.8 for black.
What is the RGB value of peru?: Peru is rgb(205, 133, 63): red 205, green 133 and blue 63 on the 0 to 255 scale, or 80.4%, 52.2% and 24.7%. As a decimal integer it is 13468991.

Last reviewed September 27, 2026 by Arielton Oberek.