HEX Color #BD07FF (Darkviolet)

About #BD07FF

The precise color #BD07FF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkviolet. Its digital footprint relies on 189 parts red, 7 parts green, and 255 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 26% cyan, 97% magenta, 0% yellow, and 0% black. The HSL representation is 284.0° hue, 100.0% saturation, and 51.4% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 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#BD07FF

RGB189, 7, 255

HSL284.0°, 100.0%, 51.4%

CMYK26%, 97%, 0%, 0%

HSV284.0°, 97.3%, 100.0%

LAB49.7, 88.6, -78.5

XYZ39.1, 18.2, 96.1

Decimal12388351

Color Harmonies

Complementary

#BD07FF #48FF06

Analogous

#4106FF #FF06C4

Triadic

#FFBD06 #06FFBC

Tetradic

#FF4106 #48FF06 #06C5FF

Tints, Shades & Tones

Tints (Adding White)

#BD07FF

#C422FF

#CB3EFF

#D359FF

#DA75FF

#E190FF

#E9ACFF

#F0C7FF

#F7E3FF

#FFFFFF

Shades (Adding Black)

#BD07FF

#A806E2

#9305C6

#7E04AA

#69038D

#540371

#3F0255

#2A0138

#15001C

#000000

WCAG Contrast Accessibility

4.53:1

Text on #FFFFFF

AA

4.64:1

Text on #000000

AA

4.33:1

Text on #F8FAFC

AA Large

3.94:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD07FF; }

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

Similar Colors

Darkviolet

#9400D3