HEX Color #E2A892 (Darksalmon)

About #E2A892

The hex code #E2A892 represents a beautifully specific shade of orange. It is closely associated with the named CSS color Darksalmon. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 168, and 146.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 26% M, 35% Y, and 11% K. The HSL representation is 16.5° hue, 58.0% saturation, and 72.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E2A892

RGB226, 168, 146

HSL16.5°, 58.0%, 72.9%

CMYK0%, 26%, 35%, 11%

HSV16.5°, 35.4%, 88.6%

LAB73.7, 18.4, 19.7

XYZ50.6, 46.2, 33.5

Decimal14854290

Color Harmonies

Complementary

#E2A892 #91CCE2

Analogous

#E291A3 #E2D091

Triadic

#91E2A7 #A891E2

Tetradic

#A3E291 #91CCE2 #D091E2

Tints, Shades & Tones

Tints (Adding White)

#E2A892

#E5B19E

#E8BBAA

#EBC5B6

#EECEC2

#F2D8CE

#F5E2DA

#F8EBE6

#FBF5F2

#FFFFFF

Shades (Adding Black)

#E2A892

#C89581

#AF8271

#967061

#7D5D51

#644A40

#4B3830

#322520

#191210

#000000

WCAG Contrast Accessibility

2.05:1

Text on #FFFFFF

FAIL

10.25:1

Text on #000000

AAA

1.96:1

Text on #F8FAFC

FAIL

8.71:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E2A892; }

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

Similar Colors

Darksalmon

#E9967A