#CA6189

#CA6189

Color Values

HEX

#CA6189

RGB

202, 97, 137

HSL

337.1, 49.8%, 58.6%

HSV

337.1, 52.0%, 79.2%

CMYK

0.0%, 52.0%, 32.2%, 20.8%

OKLCH

0.6301 0.1398 357.8

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CA6189

#61CAA2

Analogous

#CA61BE

#CA6D61

#CA6189

Triadic

#CA6189

#89CA61

#6189CA

Split Complementary

#CA6189

#61CA6D

#61BECA

Tetradic

#CA6189

#BECA61

#61CAA2

#6D61CA

Color Blindness Simulation

Original

#CA6189

Protanopia

#9D9C7F

Deuteranopia

#A3AA7D

Tritanopia

#C57876

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A3BB
400
#D07296
500
#BF4070
600
#99335A
700
#7A2948
800
#5F2038
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

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