#CB558E

#CB558E

Color Values

HEX

#CB558E

RGB

203, 85, 142

HSL

331.0, 53.2%, 56.5%

HSV

331.0, 58.1%, 79.6%

CMYK

0.0%, 58.1%, 30.0%, 20.4%

OKLCH

0.6169 0.1613 352.7

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#CB558E

#55CB92

Analogous

#CB55C9

#CB5755

#CB558E

Triadic

#CB558E

#8ECB55

#558ECB

Split Complementary

#CB558E

#55CB57

#55C9CB

Tetradic

#CB558E

#C9CB55

#55CB92

#5755CB

Color Blindness Simulation

Original

#CB558E

Protanopia

#989780

Deuteranopia

#9FA87D

Tritanopia

#C57573

Achromatopsia

#727272

CSS Usage

background-color: #CB558E;
color: #CB558E;
border-color: #CB558E;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC8DB
300
#E2A1C1
400
#D36E9F
500
#C33C7D
600
#9C3064
700
#7D2650
800
#621E3F
900
#481930
950
#2D101E

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass 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