#CA6599

#CA6599

Color Values

HEX

#CA6599

RGB

202, 101, 153

HSL

329.1, 48.8%, 59.4%

HSV

329.1, 50.0%, 79.2%

CMYK

0.0%, 50.0%, 24.3%, 20.8%

OKLCH

0.6413 0.141 349.7

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CA6599

#65CA96

Analogous

#C865CA

#CA6566

#CA6599

Triadic

#CA6599

#99CA65

#6599CA

Split Complementary

#CA6599

#66CA65

#65CAC8

Tetradic

#CA6599

#CAC865

#65CA96

#6566CA

Color Blindness Simulation

Original

#CA6599

Protanopia

#9E9D8C

Deuteranopia

#A4AC89

Tritanopia

#C58280

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C3
400
#CF73A2
500
#BE4181
600
#983467
700
#792A53
800
#5F2141
900
#461B31
950
#2C111F

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83: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