#CA859B

#CA859B

Color Values

HEX

#CA859B

RGB

202, 133, 155

HSL

340.9, 39.4%, 65.7%

HSV

340.9, 34.2%, 79.2%

CMYK

0.0%, 34.2%, 23.3%, 20.8%

OKLCH

0.6933 0.0889 359.0

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CA859B

#85CAB4

Analogous

#CA85BD

#CA9285

#CA859B

Triadic

#CA859B

#9BCA85

#859BCA

Split Complementary

#CA859B

#85CA92

#85BDCA

Tetradic

#CA859B

#BDCA85

#85CAB4

#9285CA

Color Blindness Simulation

Original

#CA859B

Protanopia

#ACAC96

Deuteranopia

#B0B594

Tritanopia

#C79191

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CDD6
300
#DAAAB9
400
#C67B93
500
#B24D6D
600
#8E3E57
700
#723146
800
#592737
900
#421F2A
950
#29141B

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

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