#CB3489

#CB3489

Color Values

HEX

#CB3489

RGB

203, 52, 137

HSL

326.2, 59.2%, 50.0%

HSV

326.2, 74.4%, 79.6%

CMYK

0.0%, 74.4%, 32.5%, 20.4%

OKLCH

0.5802 0.2016 350.9

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#CB3489

#34CB76

Analogous

#C134CB

#CB343E

#CB3489

Triadic

#CB3489

#89CB34

#3489CB

Split Complementary

#CB3489

#3ECB34

#34CBC1

Tetradic

#CB3489

#CBC134

#34CB76

#343ECB

Color Blindness Simulation

Original

#CB3489

Protanopia

#8A8874

Deuteranopia

#929E6F

Tritanopia

#C36461

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DE
300
#E69EC6
400
#D969A8
500
#CB3489
600
#A22A6E
700
#822158
800
#651A45
900
#4A1734
950
#2F0E21

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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