#CC70CA

#CC70CA

Color Values

HEX

#CC70CA

RGB

204, 112, 202

HSL

301.3, 47.4%, 62.0%

HSV

301.3, 45.1%, 80.0%

CMYK

0.0%, 45.1%, 1.0%, 20.0%

OKLCH

0.6797 0.1615 328.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CC70CA

#70CC72

Analogous

#A070CC

#CC709C

#CC70CA

Triadic

#CC70CA

#CACC70

#70CACC

Split Complementary

#CC70CA

#9CCC70

#70CCA0

Tetradic

#CC70CA

#CCA070

#70CC72

#709CCC

Color Blindness Simulation

Original

#CC70CA

Protanopia

#A4A3B4

Deuteranopia

#AAB0AF

Tritanopia

#C7A39F

Achromatopsia

#8A8A8A

CSS Usage

background-color: #CC70CA;
color: #CC70CA;
border-color: #CC70CA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCAEB
300
#DFA5DE
400
#CD74CB
500
#BC43B9
600
#963694
700
#782B77
800
#5E225D
900
#451C44
950
#2C122B

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026