#CC339E

#CC339E

Color Values

HEX

#CC339E

RGB

204, 51, 158

HSL

318.0, 60.0%, 50.0%

HSV

318.0, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 22.5%, 20.0%

OKLCH

0.5897 0.2148 342.9

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CC339E

#33CC61

Analogous

#AD33CC

#CC3352

#CC339E

Triadic

#CC339E

#9ECC33

#339ECC

Split Complementary

#CC339E

#52CC33

#33CCAD

Tetradic

#CC339E

#CCAD33

#33CC61

#3352CC

Color Blindness Simulation

Original

#CC339E

Protanopia

#8A8884

Deuteranopia

#939E7E

Tritanopia

#C4706B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F6E4F1
200
#F1C6E4
300
#E79DD0
400
#D968B7
500
#CC339E
600
#A3297E
700
#832165
800
#661A4F
900
#4B163B
950
#2F0E25

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass 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