Peru

HEX: #CD853F | Modern Palette

On White
2.99:1
FAIL
On Black
7.02:1
PASS

Color Specifications

HEX
#CD853F
RGB
205, 133, 63
HSL
29°, 69% ,80%
CMYK
0, 35.12, 69.27, 19.61

About Peru

Peru (#CD853F) is a color with RGB(205, 133, 63) and HSL(29.58°, 69.27%, 80.39%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Background. Its complementary color is #3F87CD, which creates strong contrast. Its triadic palette includes #3FCD85 and #853FCD. The name comes from Birú (likely) (Quechua (likely)).

  • HEX: #CD853F
  • RGB: 205, 133, 63
  • HSL: 29.58°, 69.27%, 80.39%
  • Mood: Playful
  • Style: Warm
  • Use case: Text, Button, Background
  • Complementary color: #3F87CD
  • Triadic colors: #3FCD85, #853FCD
  • The name comes from Birú (likely) (Quechua (likely)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #CD853F from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #9E9E39
Protanopia #8F8F40
Tritanopia #D17F7F
Achromatopsia #959595

Frequently Asked Questions

Peru (#CD853F) is a color with RGB(205, 133, 63) and HSL(29.58°, 69.27%, 80.39%).

#CD853F pairs strongly with #3F87CD as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#CD853F is suitable for Text, Button, Background and works well with Warm styles.

#CD853F is commonly associated with Playful.

The name Peru is linked to Birú (likely) from Quechua (likely), meaning River.

Name, History & Etymology

Origin Word Birú (likely)
Meaning River
Language Quechua (likely)
First Recorded Use 16th Century

History

The name 'Peru' was adopted by the Spanish conquistadors to refer to the vast Inca Empire and the lands they conquered. Prior to the Spanish arrival, the Inca Empire was known as Tawantinsuyu. The name 'Peru' became formalized with the establishment of the Viceroyalty of Peru in 1542. Over centuries, the name has remained consistent for the modern nation-state.

First Recorded Use

The name 'Peru' is believed to derive from 'Birú', the name of a local ruler who lived near the Bay of San Miguel in Panama in the early 16th century. His territory was the southernmost part of the 'New World' known to Europeans at the time. When Francisco Pizarro's expeditions went further south, the entire region beyond Panama became known as 'Peru'.

Cultural Associations

The name 'Peru' is deeply intertwined with the history of Spanish colonization and the subsequent formation of the Peruvian nation. While the indigenous name for the Inca Empire, Tawantinsuyu, is recognized and celebrated in cultural and historical contexts, 'Peru' is the universally accepted name for the country. The name evokes images of ancient civilizations, rich biodiversity, and a complex colonial past.

Similar Named Colors
Bronze #CD7F32 ΔE 2.01
Tiger Eye #E08D3C ΔE 4.08
Ochre #CC7722 ΔE 4.44
Persian Orange #D99058 ΔE 4.85

Code Snippets

/* Background */
.element {
    background-color: #CD853F;
}

/* Text */
.element {
    color: #CD853F;
}

/* Border */
.element {
    border: 1px solid #CD853F;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #CD853F,
        #AACDF0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #CD853F,
        #AACDF0
    );
}

// SCSS variable
$peru: #CD853F;

// With RGB channels (useful for rgba() usage)
$peru-r: 205;
$peru-g: 133;
$peru-b: 63;

// Usage
.element {
    background-color: $peru;
    color: rgba($peru-r, $peru-g, $peru-b, 0.8);
}