#CC00C7

#CC00C7

Color Values

HEX

#CC00C7

RGB

204, 0, 199

HSL

301.5, 100.0%, 40.0%

HSV

301.5, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 2.5%, 20.0%

OKLCH

0.59 0.2694 329.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC00C7

#00CC05

Analogous

#6B00CC

#CC0061

#CC00C7

Triadic

#CC00C7

#C7CC00

#00C7CC

Split Complementary

#CC00C7

#61CC00

#00CC6B

Tetradic

#CC00C7

#CC6B00

#00CC05

#0061CC

Color Blindness Simulation

Original

#CC00C7

Protanopia

#747297

Deuteranopia

#808F8B

Tritanopia

#C27168

Achromatopsia

#3A3A3A

CSS Usage

background-color: #CC00C7;
color: #CC00C7;
border-color: #CC00C7;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FD
300
#FF85FC
400
#FF42FA
500
#FF00F9
600
#CC00C7
700
#A3009F
800
#80007C
900
#5C055A
950
#3A0339

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026