HEX Color #B60F83 (Mediumvioletred)

About #B60F83

The precise color #B60F83 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, 15 parts green, and 131 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 92% Magenta, 28% Yellow, and 29% Black. The HSL representation is 318.3° hue, 84.8% saturation, and 38.6% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B60F83

RGB182, 15, 131

HSL318.3°, 84.8%, 38.6%

CMYK0%, 92%, 28%, 29%

HSV318.3°, 91.8%, 71.4%

LAB41.1, 68.0, -19.9

XYZ23.6, 11.9, 22.5

Decimal11931523

Color Harmonies

Complementary

#B60F83 #0EB642

Analogous

#950EB6 #B60E2F

Triadic

#82B60E #0E82B6

Tetradic

#B6950E #0EB642 #0E2FB6

Tints, Shades & Tones

Tints (Adding White)

#B60F83

#BE2990

#C6449E

#CE5FAC

#D679BA

#DE94C7

#E6AFD5

#EEC9E3

#F6E4F1

#FFFFFF

Shades (Adding Black)

#B60F83

#A10D74

#8D0B65

#790A57

#650848

#50063A

#3C052B

#28031D

#14010E

#000000

WCAG Contrast Accessibility

6.20:1

Text on #FFFFFF

AA

3.39:1

Text on #000000

AA Large

5.93:1

Text on #F8FAFC

AA

2.88:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B60F83; }

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

Similar Colors

Mediumvioletred

#C71585