HEX Color #BD00F0 (Darkviolet)

About #BD00F0

The precise color #BD00F0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkviolet. In the RGB color space, it consists of 189 red, 0 green, and 240 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 21% cyan, 100% magenta, 0% yellow, and 6% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#BD00F0

RGB189, 0, 240

HSL287.2°, 100.0%, 47.1%

CMYK21%, 100%, 0%, 6%

HSV287.2°, 100.0%, 94.1%

LAB48.4, 86.6, -72.3

XYZ36.7, 17.1, 83.8

Decimal12386544

Color Harmonies

Complementary

#BD00F0 #32EF00

Analogous

#4400EF #EF00AB

Triadic

#EFBC00 #00EFBD

Tetradic

#EF4500 #32EF00 #00AAEF

Tints, Shades & Tones

Tints (Adding White)

#BD00F0

#C41CF1

#CB38F3

#D355F5

#DA71F6

#E18DF8

#E9AAFA

#F0C6FB

#F7E2FD

#FFFFFF

Shades (Adding Black)

#BD00F0

#A800D5

#9300BA

#7E00A0

#690085

#54006A

#3F0050

#2A0035

#15001A

#000000

WCAG Contrast Accessibility

4.75:1

Text on #FFFFFF

AA

4.42:1

Text on #000000

AA Large

4.54:1

Text on #F8FAFC

AA

3.76:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD00F0; }

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

Similar Colors

Darkviolet

#9400D3