HEX Color #B6075F (Mediumvioletred)

About #B6075F

The precise color #B6075F is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumvioletred. Its digital footprint relies on 182 parts red, 7 parts green, and 95 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 96% Magenta, 48% Yellow, and 29% Black. 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. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#B6075F

RGB182, 7, 95

HSL329.8°, 92.6%, 37.1%

CMYK0%, 96%, 48%, 29%

HSV329.8°, 96.2%, 71.4%

LAB39.5, 65.3, 0.2

XYZ21.4, 10.9, 11.8

Decimal11929439

Color Harmonies

Complementary

#B6075F #07B65D

Analogous

#B507B6 #B60707

Triadic

#5EB607 #075EB6

Tetradic

#B6B507 #07B65D #0707B6

Tints, Shades & Tones

Tints (Adding White)

#B6075F

#BE2270

#C63E82

#CE5994

#D675A6

#DE90B7

#E6ACC9

#EEC7DB

#F6E3ED

#FFFFFF

Shades (Adding Black)

#B6075F

#A10654

#8D0549

#79043F

#650334

#50032A

#3C021F

#280115

#14000A

#000000

WCAG Contrast Accessibility

6.59:1

Text on #FFFFFF

AA

3.18:1

Text on #000000

AA Large

6.30:1

Text on #F8FAFC

AA

2.71:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B6075F; }

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

Similar Colors

Mediumvioletred

#C71585