HEX Color #CC7CD3 (Orchid)

About #CC7CD3

Visually, #CC7CD3 is defined as a moderate magenta. It is closely associated with the named CSS color Orchid. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 124, and 211.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 3% cyan and 41% magenta inks. The HSL representation is 295.2° hue, 49.7% saturation, and 65.7% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#CC7CD3

RGB204, 124, 211

HSL295.2°, 49.7%, 65.7%

CMYK3%, 41%, 0%, 17%

HSV295.2°, 41.2%, 82.7%

LAB63.3, 44.6, -32.1

XYZ43.9, 32.0, 65.5

Decimal13401299

Color Harmonies

Complementary

#CC7CD3 #82D37B

Analogous

#A07BD3 #D37BAE

Triadic

#D3CC7B #7BD3CC

Tetradic

#D3A07B #82D37B #7BAED3

Tints, Shades & Tones

Tints (Adding White)

#CC7CD3

#D18AD7

#D799DC

#DDA7E1

#E2B6E6

#E8C4EB

#EED3F0

#F3E1F5

#F9F0FA

#FFFFFF

Shades (Adding Black)

#CC7CD3

#B56EBB

#9E60A4

#88528C

#714475

#5A375D

#442946

#2D1B2E

#160D17

#000000

WCAG Contrast Accessibility

2.84:1

Text on #FFFFFF

FAIL

7.39:1

Text on #000000

AAA

2.72:1

Text on #F8FAFC

FAIL

6.28:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #CC7CD3; }

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

Similar Colors

Orchid

#DA70D6