#E2923A
A medium, vivid orange closely aligning with Peru.
About #E2923A
When working with digital screens, the color #E2923A is rendered by mixing light. 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 226, 146, and 58.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 35% Magenta, 74% Yellow, and 11% Black. The HSL representation is 31.4° hue, 74.3% saturation, and 55.7% lightness.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#E2923A
RGB226, 146, 58
HSL31.4°, 74.3%, 55.7%
CMYK0%, 35%, 74%, 11%
HSV31.4°, 74.3%, 88.6%
LAB67.3, 23.0, 56.8
XYZ42.4, 37.0, 8.9
Decimal14848570
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.50:1
Text on #FFFFFF
FAIL
8.41:1
Text on #000000
AAA
2.39:1
Text on #F8FAFC
FAIL
7.15:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #E2923A;
}
.text-color {
color: #E2923A;
}
.border-color {
border: 2px solid #E2923A;
}