HEX Color #B616CC (Darkorchid)

About #B616CC

The precise color #B616CC 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 182 parts red, 22 parts green, and 204 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 11% cyan and 89% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B616CC

RGB182, 22, 204

HSL292.7°, 80.5%, 44.3%

CMYK11%, 89%, 0%, 20%

HSV292.7°, 89.2%, 80.0%

LAB45.5, 77.3, -56.5

XYZ30.5, 14.9, 58.4

Decimal11933388

Color Harmonies

Complementary

#B616CC #2BCC16

Analogous

#5B16CC #CC1686

Triadic

#CCB616 #16CCB6

Tetradic

#CC5B16 #2BCC16 #1686CC

Tints, Shades & Tones

Tints (Adding White)

#B616CC

#BE2FD1

#C649D7

#CE63DD

#D67DE2

#DE97E8

#E6B1EE

#EECBF3

#F6E5F9

#FFFFFF

Shades (Adding Black)

#B616CC

#A113B5

#8D119E

#790E88

#650C71

#50095A

#3C0744

#28042D

#140216

#000000

WCAG Contrast Accessibility

5.28:1

Text on #FFFFFF

AA

3.98:1

Text on #000000

AA Large

5.05:1

Text on #F8FAFC

AA

3.38:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #B616CC; }

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

Similar Colors

Darkorchid

#9932CC