#CC3381

#CC3381

Color Values

HEX

#CC3381

RGB

204, 51, 129

HSL

329.4, 60.0%, 50.0%

HSV

329.4, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 36.8%, 20.0%

OKLCH

0.5781 0.1998 354.3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CC3381

#33CC7E

Analogous

#CA33CC

#CC3335

#CC3381

Triadic

#CC3381

#81CC33

#3381CC

Split Complementary

#CC3381

#35CC33

#33CCCA

Tetradic

#CC3381

#CCCA33

#33CC7E

#3335CC

Color Blindness Simulation

Original

#CC3381

Protanopia

#8A886E

Deuteranopia

#939E6A

Tritanopia

#C45F5C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DC
300
#E79DC3
400
#D968A2
500
#CC3381
600
#A32967
700
#832153
800
#661A41
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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