#CC02BD

#CC02BD

Color Values

HEX

#CC02BD

RGB

204, 2, 189

HSL

304.5, 98.1%, 40.4%

HSV

304.5, 99.0%, 80.0%

CMYK

0.0%, 99.0%, 7.4%, 20.0%

OKLCH

0.5846 0.2625 332.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC02BD

#02CC11

Analogous

#7602CC

#CC0258

#CC02BD

Triadic

#CC02BD

#BDCC02

#02BDCC

Split Complementary

#CC02BD

#58CC02

#02CC76

Tetradic

#CC02BD

#CC7602

#02CC11

#0258CC

Color Blindness Simulation

Original

#CC02BD

Protanopia

#747390

Deuteranopia

#808F85

Tritanopia

#C26C64

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FEB8F9
300
#FE86F5
400
#FD44EF
500
#FD02EA
600
#CA02BB
700
#A20296
800
#7E0175
900
#5B0655
950
#3A0436

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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