#CA5B99

#CA5B99

Color Values

HEX

#CA5B99

RGB

202, 91, 153

HSL

326.5, 51.2%, 57.5%

HSV

326.5, 55.0%, 79.2%

CMYK

0.0%, 55.0%, 24.3%, 20.8%

OKLCH

0.6273 0.1571 347.9

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#CA5B99

#5BCA8C

Analogous

#C45BCA

#CA5B62

#CA5B99

Triadic

#CA5B99

#99CA5B

#5B99CA

Split Complementary

#CA5B99

#62CA5B

#5BCAC4

Tetradic

#CA5B99

#CAC45B

#5BCA8C

#5B62CA

Color Blindness Simulation

Original

#CA5B99

Protanopia

#9A998A

Deuteranopia

#A0A986

Tritanopia

#C47E7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DD
300
#E1A2C5
400
#D170A6
500
#C13E87
600
#9A326C
700
#7B2856
800
#601F44
900
#471A33
950
#2D1020

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026