#CA91B3

#CA91B3

Color Values

HEX

#CA91B3

RGB

202, 145, 179

HSL

324.2, 35.0%, 68.0%

HSV

324.2, 28.2%, 79.2%

CMYK

0.0%, 28.2%, 11.4%, 20.8%

OKLCH

0.7222 0.0819 342.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#CA91B3

#91CAA8

Analogous

#C491CA

#CA9196

#CA91B3

Triadic

#CA91B3

#B3CA91

#91B3CA

Split Complementary

#CA91B3

#96CA91

#91CAC4

Tetradic

#CA91B3

#CAC491

#91CAA8

#9196CA

Color Blindness Simulation

Original

#CA91B3

Protanopia

#B1B1AB

Deuteranopia

#B5B9A9

Tritanopia

#C7A4A3

Achromatopsia

#A0A0A0

CSS Usage

background-color: #CA91B3;
color: #CA91B3;
border-color: #CA91B3;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E8CFDE
300
#D7ACC6
400
#C280A7
500
#AC5388
600
#8A426D
700
#6E3557
800
#562944
900
#402133
950
#281520

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.21:1

AA Pass AAA Pass

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