HEX Color #BD16D3 (Darkviolet)

About #BD16D3

The precise color #BD16D3 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 22, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 10% cyan and 90% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#BD16D3

RGB189, 22, 211

HSL293.0°, 81.1%, 45.7%

CMYK10%, 90%, 0%, 17%

HSV293.0°, 89.6%, 82.7%

LAB47.1, 79.5, -57.9

XYZ33.0, 16.1, 63.0

Decimal12392147

Color Harmonies

Complementary

#BD16D3 #2BD316

Analogous

#5E16D3 #D3168A

Triadic

#D3BC16 #16D3BD

Tetradic

#D35E16 #2BD316 #168AD3

Tints, Shades & Tones

Tints (Adding White)

#BD16D3

#C42FD7

#CB49DC

#D363E1

#DA7DE6

#E197EB

#E9B1F0

#F0CBF5

#F7E5FA

#FFFFFF

Shades (Adding Black)

#BD16D3

#A813BB

#9311A4

#7E0E8C

#690C75

#54095D

#3F0746

#2A042E

#150217

#000000

WCAG Contrast Accessibility

4.98:1

Text on #FFFFFF

AA

4.22:1

Text on #000000

AA Large

4.76:1

Text on #F8FAFC

AA

3.59:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD16D3; }

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

Similar Colors

Darkviolet

#9400D3