HEX Color #CC00CC (Darkorchid)

About #CC00CC

The precise color #CC00CC is an excellent choice for modern design projects. Designers often compare it to the standard color Darkorchid. Its digital footprint relies on 204 parts red, 0 parts green, and 204 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. The HSL representation is 300.0° hue, 100.0% saturation, and 40.0% lightness.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CC00CC

RGB204, 0, 204

HSL300.0°, 100.0%, 40.0%

CMYK0%, 100%, 0%, 20%

HSV300.0°, 100.0%, 80.0%

LAB48.5, 83.0, -51.4

XYZ35.8, 17.2, 58.6

Decimal13369548

Color Harmonies

Complementary

#CC00CC #00CC00

Analogous

#6500CC #CC0066

Triadic

#CBCC00 #00CBCC

Tetradic

#CC6600 #00CC00 #0065CC

Tints, Shades & Tones

Tints (Adding White)

#CC00CC

#D11CD1

#D738D7

#DD55DD

#E271E2

#E88DE8

#EEAAEE

#F3C6F3

#F9E2F9

#FFFFFF

Shades (Adding Black)

#CC00CC

#B500B5

#9E009E

#880088

#710071

#5A005A

#440044

#2D002D

#160016

#000000

WCAG Contrast Accessibility

4.73:1

Text on #FFFFFF

AA

4.44:1

Text on #000000

AA Large

4.52:1

Text on #F8FAFC

AA

3.77:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC00CC; }

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

Similar Colors

Darkorchid

#9932CC