#CC7C3A
A medium, moderate orange closely aligning with Peru.
About #CC7C3A
Visually, #CC7C3A is defined as a moderate orange. It is closely associated with the named CSS color Peru. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 124, and 58.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 39% M, 72% Y, and 20% K. The HSL representation is 27.1° hue, 58.9% saturation, and 51.4% lightness.
When using this color as a background, text legibility must be considered. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#CC7C3A
RGB204, 124, 58
HSL27.1°, 58.9%, 51.4%
CMYK0%, 39%, 72%, 20%
HSV27.1°, 71.6%, 80.0%
LAB59.5, 25.6, 47.8
XYZ32.9, 27.6, 7.6
Decimal13401146
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.22:1
Text on #FFFFFF
AA Large
6.51:1
Text on #000000
AA
3.08:1
Text on #F8FAFC
AA Large
5.54:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #CC7C3A;
}
.text-color {
color: #CC7C3A;
}
.border-color {
border: 2px solid #CC7C3A;
}