HEX Color #B61D5F (Mediumvioletred)

About #B61D5F

The hex code #B61D5F represents a beautifully specific shade of magenta. 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, 29, and 95.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 84% magenta, 48% yellow, and 29% black. The HSL representation is 334.1° hue, 72.5% saturation, and 41.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B61D5F

RGB182, 29, 95

HSL334.1°, 72.5%, 41.4%

CMYK0%, 84%, 48%, 29%

HSV334.1°, 84.1%, 71.4%

LAB40.7, 61.8, 2.0

XYZ21.8, 11.7, 11.9

Decimal11935071

Color Harmonies

Complementary

#B61D5F #1DB673

Analogous

#B61DAB #B6271D

Triadic

#5FB61D #1D5FB6

Tetradic

#ABB61D #1DB673 #271DB6

Tints, Shades & Tones

Tints (Adding White)

#B61D5F

#BE3670

#C64F82

#CE6894

#D681A6

#DE9AB7

#E6B3C9

#EECCDB

#F6E5ED

#FFFFFF

Shades (Adding Black)

#B61D5F

#A11954

#8D1649

#79133F

#651034

#500C2A

#3C091F

#280615

#14030A

#000000

WCAG Contrast Accessibility

6.31:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.03:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B61D5F; }

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

Similar Colors

Mediumvioletred

#C71585