#CA889D

#CA889D

Color Values

HEX

#CA889D

RGB

202, 136, 157

HSL

340.9, 38.4%, 66.3%

HSV

340.9, 32.7%, 79.2%

CMYK

0.0%, 32.7%, 22.3%, 20.8%

OKLCH

0.6992 0.0848 358.8

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CA889D

#88CAB5

Analogous

#CA88BE

#CA9488

#CA889D

Triadic

#CA889D

#9DCA88

#889DCA

Split Complementary

#CA889D

#88CA94

#88BECA

Tetradic

#CA889D

#BECA88

#88CAB5

#9488CA

Color Blindness Simulation

Original

#CA889D

Protanopia

#ADAD98

Deuteranopia

#B1B697

Tritanopia

#C79493

Achromatopsia

#989898

CSS Usage

background-color: #CA889D;
color: #CA889D;
border-color: #CA889D;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CED6
300
#D9AAB9
400
#C57C93
500
#B04F6E
600
#8D3F58
700
#713246
800
#582737
900
#41202A
950
#29141B

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

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