#CA698E

#CA698E

Color Values

HEX

#CA698E

RGB

202, 105, 142

HSL

337.1, 47.8%, 60.2%

HSV

337.1, 48.0%, 79.2%

CMYK

0.0%, 48.0%, 29.7%, 20.8%

OKLCH

0.6435 0.1292 357.2

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CA698E

#69CAA5

Analogous

#CA69BF

#CA7469

#CA698E

Triadic

#CA698E

#8ECA69

#698ECA

Split Complementary

#CA698E

#69CA74

#69BFCA

Tetradic

#CA698E

#BFCA69

#69CAA5

#7469CA

Color Blindness Simulation

Original

#CA698E

Protanopia

#A09F85

Deuteranopia

#A6AD83

Tritanopia

#C57E7C

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCAD7
300
#DFA5BB
400
#CE7496
500
#BC4371
600
#97355A
700
#792B48
800
#5E2139
900
#451C2C
950
#2C111B

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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