HEX Color #E2751D (Chocolate)

About #E2751D

The precise color #E2751D is an excellent choice for modern design projects. It is closely associated with the named CSS color Chocolate. Its digital footprint relies on 226 parts red, 117 parts green, and 29 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 48% M, 87% Y, and 11% K. With a hue angle of 26.8 degrees, it sits comfortably in the orange spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#E2751D

RGB226, 117, 29

HSL26.8°, 77.3%, 50.0%

CMYK0%, 48%, 87%, 11%

HSV26.8°, 87.2%, 88.6%

LAB60.8, 37.3, 61.9

XYZ37.9, 29.0, 4.8

Decimal14841117

Color Harmonies

Complementary

#E2751D #1D89E2

Analogous

#E21D27 #E2D71D

Triadic

#1DE275 #741DE2

Tetradic

#27E21D #1D89E2 #D71DE2

Tints, Shades & Tones

Tints (Adding White)

#E2751D

#E58436

#E8934F

#EBA368

#EEB281

#F2C19A

#F5D1B3

#F8E0CC

#FBEFE5

#FFFFFF

Shades (Adding Black)

#E2751D

#C86819

#AF5B16

#964E13

#7D4110

#64340C

#4B2709

#321A06

#190D03

#000000

WCAG Contrast Accessibility

3.09:1

Text on #FFFFFF

AA Large

6.80:1

Text on #000000

AA

2.95:1

Text on #F8FAFC

FAIL

5.78:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #E2751D; }

.text-color { color: #E2751D; }

.border-color { border: 2px solid #E2751D; }

Similar Colors

Chocolate

#D2691E