#CA648B

#CA648B

Color Values

HEX

#CA648B

RGB

202, 100, 139

HSL

337.1, 49.0%, 59.2%

HSV

337.1, 50.5%, 79.2%

CMYK

0.0%, 50.5%, 31.2%, 20.8%

OKLCH

0.6351 0.1359 357.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CA648B

#64CAA3

Analogous

#CA64BE

#CA7064

#CA648B

Triadic

#CA648B

#8BCA64

#648BCA

Split Complementary

#CA648B

#64CA70

#64BECA

Tetradic

#CA648B

#BECA64

#64CAA3

#7064CA

Color Blindness Simulation

Original

#CA648B

Protanopia

#9E9D82

Deuteranopia

#A4AB7F

Tritanopia

#C57A78

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A4BB
400
#CF7296
500
#BE4171
600
#98345A
700
#7A2A48
800
#5F2138
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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