#CA689B

#CA689B

Color Values

HEX

#CA689B

RGB

202, 104, 155

HSL

328.8, 48.0%, 60.0%

HSV

328.8, 48.5%, 79.2%

CMYK

0.0%, 48.5%, 23.3%, 20.8%

OKLCH

0.6464 0.1373 349.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CA689B

#68CA97

Analogous

#C868CA

#CA686A

#CA689B

Triadic

#CA689B

#9BCA68

#689BCA

Split Complementary

#CA689B

#6ACA68

#68CAC8

Tetradic

#CA689B

#CAC868

#68CA97

#686ACA

Color Blindness Simulation

Original

#CA689B

Protanopia

#A09F8F

Deuteranopia

#A5AD8C

Tritanopia

#C58583

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADC
300
#DFA4C3
400
#CE73A2
500
#BD4282
600
#973568
700
#792A53
800
#5E2141
900
#451C31
950
#2C111F

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026