HEX Color #BD3A75 (Mediumvioletred)

About #BD3A75

The precise color #BD3A75 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumvioletred. In the RGB color space, it consists of 189 red, 58 green, and 117 blue.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 69% magenta inks. The HSL representation is 333.0° hue, 53.0% saturation, and 48.4% lightness.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD3A75

RGB189, 58, 117

HSL333.0°, 53.0%, 48.4%

CMYK0%, 69%, 38%, 26%

HSV333.0°, 69.3%, 74.1%

LAB45.8, 56.9, -4.0

XYZ25.7, 15.1, 18.4

Decimal12401269

Color Harmonies

Complementary

#BD3A75 #39BD81

Analogous

#BD39B6 #BD4039

Triadic

#75BD39 #3975BD

Tetradic

#B6BD39 #39BD81 #4039BD

Tints, Shades & Tones

Tints (Adding White)

#BD3A75

#C44F84

#CB6593

#D37BA3

#DA91B2

#E1A7C1

#E9BDD1

#F0D3E0

#F7E9EF

#FFFFFF

Shades (Adding Black)

#BD3A75

#A83368

#932D5B

#7E264E

#692041

#541934

#3F1327

#2A0C1A

#15060D

#000000

WCAG Contrast Accessibility

5.22:1

Text on #FFFFFF

AA

4.03:1

Text on #000000

AA Large

4.99:1

Text on #F8FAFC

AA

3.42:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD3A75; }

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

Similar Colors

Mediumvioletred

#C71585