#C33683

#C33683

Color Values

HEX

#C33683

RGB

195, 54, 131

HSL

327.2, 56.6%, 48.8%

HSV

327.2, 72.3%, 76.5%

CMYK

0.0%, 72.3%, 32.8%, 23.5%

OKLCH

0.5667 0.1906 351.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C33683

#36C376

Analogous

#BC36C3

#C3363D

#C33683

Triadic

#C33683

#83C336

#3683C3

Split Complementary

#C33683

#3DC336

#36C3BC

Tetradic

#C33683

#C3BC36

#36C376

#363DC3

Color Blindness Simulation

Original

#C33683

Protanopia

#868570

Deuteranopia

#8E996C

Tritanopia

#BC625E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#F0C7DD
300
#E49FC5
400
#D66BA6
500
#C83786
600
#A02C6B
700
#802356
800
#641C43
900
#491833
950
#2E0F20

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026