HEX Color #D307DB (Fuchsia)

About #D307DB

Visually, #D307DB is defined as a vivid magenta. Its closest recognized web color is Fuchsia. Its digital footprint relies on 211 parts red, 7 parts green, and 219 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 4% cyan and 97% magenta inks. With a hue angle of 297.7 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#D307DB

RGB211, 7, 219

HSL297.7°, 93.8%, 44.3%

CMYK4%, 97%, 0%, 14%

HSV297.7°, 96.8%, 85.9%

LAB50.8, 85.8, -56.3

XYZ39.7, 19.1, 68.6

Decimal13830107

Color Harmonies

Complementary

#D307DB #0FDB06

Analogous

#6806DB #DB0679

Triadic

#DBD206 #06DBD2

Tetradic

#DB6806 #0FDB06 #0679DB

Tints, Shades & Tones

Tints (Adding White)

#D307DB

#D722DF

#DC3EE3

#E159E7

#E675EB

#EB90EF

#F0ACF3

#F5C7F7

#FAE3FB

#FFFFFF

Shades (Adding Black)

#D307DB

#BB06C2

#A405AA

#8C0492

#750379

#5D0361

#460249

#2E0130

#170018

#000000

WCAG Contrast Accessibility

4.35:1

Text on #FFFFFF

AA Large

4.82:1

Text on #000000

AA

4.16:1

Text on #F8FAFC

AA Large

4.10:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D307DB; }

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

Similar Colors

Fuchsia

#FF00FF