HEX Color #BD0FF8 (Darkviolet)

About #BD0FF8

The precise color #BD0FF8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkviolet. Its digital footprint relies on 189 parts red, 15 parts green, and 248 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 24% cyan and 94% 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BD0FF8

RGB189, 15, 248

HSL284.8°, 94.3%, 51.6%

CMYK24%, 94%, 0%, 3%

HSV284.8°, 94.0%, 97.3%

LAB49.4, 86.7, -75.1

XYZ38.1, 17.9, 90.3

Decimal12390392

Color Harmonies

Complementary

#BD0FF8 #49F80E

Analogous

#480EF8 #F80EBE

Triadic

#F8BD0E #0EF8BD

Tetradic

#F8480E #49F80E #0EBEF8

Tints, Shades & Tones

Tints (Adding White)

#BD0FF8

#C429F8

#CB44F9

#D35FFA

#DA79FB

#E194FB

#E9AFFC

#F0C9FD

#F7E4FE

#FFFFFF

Shades (Adding Black)

#BD0FF8

#A80DDC

#930BC0

#7E0AA5

#690889

#54066E

#3F0552

#2A0337

#15011B

#000000

WCAG Contrast Accessibility

4.58:1

Text on #FFFFFF

AA

4.59:1

Text on #000000

AA

4.38:1

Text on #F8FAFC

AA Large

3.90:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD0FF8; }

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

Similar Colors

Darkviolet

#9400D3