HEX Color #BD00B6 (Darkorchid)

About #BD00B6

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

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 100% Magenta, 4% Yellow, and 26% Black. The HSL representation is 302.2° hue, 100.0% saturation, and 37.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BD00B6

RGB189, 0, 182

HSL302.2°, 100.0%, 37.1%

CMYK0%, 100%, 4%, 26%

HSV302.2°, 100.0%, 74.1%

LAB44.5, 77.4, -45.1

XYZ29.4, 14.2, 45.4

Decimal12386486

Color Harmonies

Complementary

#BD00B6 #00BD07

Analogous

#6500BD #BD0057

Triadic

#B5BD00 #00B6BD

Tetradic

#BD6500 #00BD07 #0057BD

Tints, Shades & Tones

Tints (Adding White)

#BD00B6

#C41CBE

#CB38C6

#D355CE

#DA71D6

#E18DDE

#E9AAE6

#F0C6EE

#F7E2F6

#FFFFFF

Shades (Adding Black)

#BD00B6

#A800A1

#93008D

#7E0079

#690065

#540050

#3F003C

#2A0028

#150014

#000000

WCAG Contrast Accessibility

5.47:1

Text on #FFFFFF

AA

3.84:1

Text on #000000

AA Large

5.23:1

Text on #F8FAFC

AA

3.26:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD00B6; }

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

Similar Colors

Darkorchid

#9932CC