HEX Color #BD07F8 (Darkviolet)

About #BD07F8

The hex code #BD07F8 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Darkviolet. This translates to an RGB value of rgb(189, 7, 248).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 24% cyan, 97% magenta, 0% yellow, and 3% black. The HSL representation is 285.3° hue, 94.5% saturation, and 50.0% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BD07F8

RGB189, 7, 248

HSL285.3°, 94.5%, 50.0%

CMYK24%, 97%, 0%, 3%

HSV285.3°, 97.2%, 97.3%

LAB49.2, 87.4, -75.5

XYZ38.0, 17.7, 90.2

Decimal12388344

Color Harmonies

Complementary

#BD07F8 #41F707

Analogous

#4407F7 #F707BA

Triadic

#F7BC07 #07F7BC

Tetradic

#F74407 #41F707 #07BAF7

Tints, Shades & Tones

Tints (Adding White)

#BD07F8

#C422F8

#CB3EF9

#D359FA

#DA75FB

#E190FB

#E9ACFC

#F0C7FD

#F7E3FE

#FFFFFF

Shades (Adding Black)

#BD07F8

#A806DC

#9305C0

#7E04A5

#690389

#54036E

#3F0252

#2A0137

#15001B

#000000

WCAG Contrast Accessibility

4.62:1

Text on #FFFFFF

AA

4.55:1

Text on #000000

AA

4.41:1

Text on #F8FAFC

AA Large

3.87:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD07F8; }

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

Similar Colors

Darkviolet

#9400D3