HEX Color #921DB6 (Darkorchid)

About #921DB6

The precise color #921DB6 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 29, and 182.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 20% cyan and 84% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#921DB6

RGB146, 29, 182

HSL285.9°, 72.5%, 41.4%

CMYK20%, 84%, 0%, 29%

HSV285.9°, 84.1%, 71.4%

LAB38.5, 66.1, -55.2

XYZ20.7, 10.4, 45.2

Decimal9575862

Color Harmonies

Complementary

#921DB6 #40B61D

Analogous

#451DB6 #B61D8D

Triadic

#B6921D #1DB692

Tetradic

#B6451D #40B61D #1D8DB6

Tints, Shades & Tones

Tints (Adding White)

#921DB6

#9E36BE

#AA4FC6

#B668CE

#C281D6

#CE9ADE

#DAB3E6

#E6CCEE

#F2E5F6

#FFFFFF

Shades (Adding Black)

#921DB6

#8119A1

#71168D

#611379

#511065

#400C50

#30093C

#200628

#100314

#000000

WCAG Contrast Accessibility

6.83:1

Text on #FFFFFF

AA

3.07:1

Text on #000000

AA Large

6.53:1

Text on #F8FAFC

AA

2.61:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #921DB6; }

.text-color { color: #921DB6; }

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

Similar Colors

Darkorchid

#9932CC