HEX Color #BD00F8 (Darkviolet)

About #BD00F8

The precise color #BD00F8 is an excellent choice for modern design projects. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 0, and 248.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 24% C, 100% M, 0% Y, and 3% K. The HSL representation is 285.7° hue, 100.0% saturation, and 48.6% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD00F8

RGB189, 0, 248

HSL285.7°, 100.0%, 48.6%

CMYK24%, 100%, 0%, 3%

HSV285.7°, 100.0%, 97.3%

LAB49.0, 87.9, -75.8

XYZ37.9, 17.6, 90.2

Decimal12386552

Color Harmonies

Complementary

#BD00F8 #3BF800

Analogous

#4000F8 #F800B6

Triadic

#F8BC00 #00F8BD

Tetradic

#F84000 #3BF800 #00B6F8

Tints, Shades & Tones

Tints (Adding White)

#BD00F8

#C41CF8

#CB38F9

#D355FA

#DA71FB

#E18DFB

#E9AAFC

#F0C6FD

#F7E2FE

#FFFFFF

Shades (Adding Black)

#BD00F8

#A800DC

#9300C0

#7E00A5

#690089

#54006E

#3F0052

#2A0037

#15001B

#000000

WCAG Contrast Accessibility

4.65:1

Text on #FFFFFF

AA

4.52:1

Text on #000000

AA

4.44:1

Text on #F8FAFC

AA Large

3.84:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD00F8; }

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

Similar Colors

Darkviolet

#9400D3