#CB2C71

#CB2C71

Color Values

HEX

#CB2C71

RGB

203, 44, 113

HSL

334.0, 64.4%, 48.4%

HSV

334.0, 78.3%, 79.6%

CMYK

0.0%, 78.3%, 44.3%, 20.4%

OKLCH

0.5656 0.1998 0.1

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CB2C71

#2CCB86

Analogous

#CB2CC0

#CB372C

#CB2C71

Triadic

#CB2C71

#71CB2C

#2C71CB

Split Complementary

#CB2C71

#2CCB37

#2CC0CB

Tetradic

#CB2C71

#C0CB2C

#2CCB86

#372CCB

Color Blindness Simulation

Original

#CB2C71

Protanopia

#868560

Deuteranopia

#8F9B5C

Tritanopia

#C35350

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F2C4D8
300
#E99ABD
400
#DD6499
500
#D22D75
600
#A8245D
700
#861D4B
800
#69173A
900
#4D142D
950
#300D1C

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026