#CB2A76

#CB2A76

Color Values

HEX

#CB2A76

RGB

203, 42, 118

HSL

331.7, 65.7%, 48.0%

HSV

331.7, 79.3%, 79.6%

CMYK

0.0%, 79.3%, 41.9%, 20.4%

OKLCH

0.5658 0.2033 357.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CB2A76

#2ACB7F

Analogous

#CB2AC6

#CB2F2A

#CB2A76

Triadic

#CB2A76

#76CB2A

#2A76CB

Split Complementary

#CB2A76

#2ACB2F

#2AC6CB

Tetradic

#CB2A76

#C6CB2A

#2ACB7F

#2F2ACB

Color Blindness Simulation

Original

#CB2A76

Protanopia

#858464

Deuteranopia

#8F9B5F

Tritanopia

#C35552

Achromatopsia

#525252

CSS Usage

background-color: #CB2A76;
color: #CB2A76;
border-color: #CB2A76;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C4DA
300
#EA9AC0
400
#DF639D
500
#D32C7B
600
#A92362
700
#871C4F
800
#6A163D
900
#4D142F
950
#310D1E

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026