HEX Color #E23A5F (Crimson)

About #E23A5F

The hex code #E23A5F represents a beautifully specific shade of red. Designers often compare it to the standard color Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 58, and 95.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 74% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#E23A5F

RGB226, 58, 95

HSL346.8°, 74.3%, 55.7%

CMYK0%, 74%, 58%, 11%

HSV346.8°, 74.3%, 88.6%

LAB51.9, 65.7, 18.9

XYZ34.9, 20.0, 12.8

Decimal14826079

Color Harmonies

Complementary

#E23A5F #39E2BC

Analogous

#E239B2 #E26839

Triadic

#5EE239 #395FE2

Tetradic

#B3E239 #39E2BC #6839E2

Tints, Shades & Tones

Tints (Adding White)

#E23A5F

#E54F70

#E86582

#EB7B94

#EE91A6

#F2A7B7

#F5BDC9

#F8D3DB

#FBE9ED

#FFFFFF

Shades (Adding Black)

#E23A5F

#C83354

#AF2D49

#96263F

#7D2034

#64192A

#4B131F

#320C15

#19060A

#000000

WCAG Contrast Accessibility

4.20:1

Text on #FFFFFF

AA Large

5.00:1

Text on #000000

AA

4.01:1

Text on #F8FAFC

AA Large

4.25:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #E23A5F; }

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

Similar Colors

Crimson

#DC143C