HEX Color #662CC5 (Darkorchid)

About #662CC5

The precise color #662CC5 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 44, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 48% cyan and 78% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#662CC5

RGB102, 44, 197

HSL262.7°, 63.5%, 47.3%

CMYK48%, 78%, 0%, 23%

HSV262.7°, 77.7%, 77.3%

LAB35.3, 57.5, -69.5

XYZ16.5, 8.7, 53.6

Decimal6696133

Color Harmonies

Complementary

#662CC5 #8BC42B

Analogous

#2B3EC4 #B22BC4

Triadic

#C4652B #2BC465

Tetradic

#C42B3E #8BC42B #2BC4B2

Tints, Shades & Tones

Tints (Adding White)

#662CC5

#7743CB

#885AD1

#9972D8

#AA89DE

#BBA1E5

#CCB8EB

#DDD0F2

#EEE7F8

#FFFFFF

Shades (Adding Black)

#662CC5

#5A27AF

#4F2299

#441D83

#38186D

#2D1357

#220E41

#16092B

#0B0415

#000000

WCAG Contrast Accessibility

7.69:1

Text on #FFFFFF

AAA

2.73:1

Text on #000000

FAIL

7.35:1

Text on #F8FAFC

AAA

2.32:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #662CC5; }

.text-color { color: #662CC5; }

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

Similar Colors

Darkorchid

#9932CC