HEX Color #B6165F (Mediumvioletred)

About #B6165F

When working with digital screens, the color #B6165F is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 22, and 95.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 88% magenta, 48% yellow, and 29% black. This makes it a relatively light color when applied to physical surfaces.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#B6165F

RGB182, 22, 95

HSL332.6°, 78.4%, 40.0%

CMYK0%, 88%, 48%, 29%

HSV332.6°, 87.9%, 71.4%

LAB40.2, 63.3, 1.3

XYZ21.6, 11.3, 11.9

Decimal11933279

Color Harmonies

Complementary

#B6165F #15B66D

Analogous

#B615AE #B61C15

Triadic

#5FB615 #155FB6

Tetradic

#AEB615 #15B66D #1D15B6

Tints, Shades & Tones

Tints (Adding White)

#B6165F

#BE2F70

#C64982

#CE6394

#D67DA6

#DE97B7

#E6B1C9

#EECBDB

#F6E5ED

#FFFFFF

Shades (Adding Black)

#B6165F

#A11354

#8D1149

#790E3F

#650C34

#50092A

#3C071F

#280415

#14020A

#000000

WCAG Contrast Accessibility

6.42:1

Text on #FFFFFF

AA

3.27:1

Text on #000000

AA Large

6.14:1

Text on #F8FAFC

AA

2.78:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B6165F; }

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

Similar Colors

Mediumvioletred

#C71585