HEX Color #B62C57 (Indianred)

About #B62C57

The hex code #B62C57 represents a beautifully specific shade of magenta. Designers often compare it to the standard color Indianred. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 44, and 87.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 76% magenta inks. The HSL representation is 341.3° hue, 61.1% saturation, and 44.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B62C57

RGB182, 44, 87

HSL341.3°, 61.1%, 44.3%

CMYK0%, 76%, 52%, 29%

HSV341.3°, 75.8%, 71.4%

LAB41.9, 57.0, 8.8

XYZ21.9, 12.4, 10.3

Decimal11938903

Color Harmonies

Complementary

#B62C57 #2BB68B

Analogous

#B62B9C #B6452B

Triadic

#57B62B #2B56B6

Tetradic

#9CB62B #2BB68B #462BB6

Tints, Shades & Tones

Tints (Adding White)

#B62C57

#BE4369

#C65A7C

#CE728F

#D689A1

#DEA1B4

#E6B8C7

#EED0D9

#F6E7EC

#FFFFFF

Shades (Adding Black)

#B62C57

#A1274D

#8D2243

#791D3A

#651830

#501326

#3C0E1D

#280913

#140409

#000000

WCAG Contrast Accessibility

6.02:1

Text on #FFFFFF

AA

3.49:1

Text on #000000

AA Large

5.76:1

Text on #F8FAFC

AA

2.96:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B62C57; }

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

Similar Colors

Indianred

#CD5C5C