#CC0084

#CC0084

Color Values

HEX

#CC0084

RGB

204, 0, 132

HSL

321.2, 100.0%, 40.0%

HSV

321.2, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 35.3%, 20.0%

OKLCH

0.5563 0.2314 350.8

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#CC0084

#00CC48

Analogous

#AE00CC

#CC001E

#CC0084

Triadic

#CC0084

#84CC00

#0084CC

Split Complementary

#CC0084

#1ECC00

#00CCAE

Tetradic

#CC0084

#CCAE00

#00CC48

#001ECC

Color Blindness Simulation

Original

#CC0084

Protanopia

#747264

Deuteranopia

#808F5C

Tritanopia

#C24B45

Achromatopsia

#353535

CSS Usage

background-color: #CC0084;
color: #CC0084;
border-color: #CC0084;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F9
100
#FCDEF2
200
#FFB8E6
300
#FF85D4
400
#FF42BC
500
#FF00A5
600
#CC0084
700
#A3006A
800
#800052
900
#5C053D
950
#3A0327

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9: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