#CA7787

#CA7787

Color Values

HEX

#CA7787

RGB

202, 119, 135

HSL

348.4, 43.9%, 62.9%

HSV

348.4, 41.1%, 79.2%

CMYK

0.0%, 41.1%, 33.2%, 20.8%

OKLCH

0.6636 0.1051 7.9

Properties

Warm Light Nearest: RAL 3015 Light Pink

Color Harmonies

Complementary

#CA7787

#77CABA

Analogous

#CA77B0

#CA9077

#CA7787

Triadic

#CA7787

#87CA77

#7787CA

Split Complementary

#CA7787

#77CA90

#77B0CA

Tetradic

#CA7787

#B0CA77

#77CABA

#9077CA

Color Blindness Simulation

Original

#CA7787

Protanopia

#A6A583

Deuteranopia

#ABB182

Tritanopia

#C6807F

Achromatopsia

#8A8A8A

CSS Usage

background-color: #CA7787;
color: #CA7787;
border-color: #CA7787;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#EBCCD2
300
#DDA7B1
400
#CA7787
500
#B7485D
600
#93394B
700
#752E3C
800
#5C242F
900
#441D25
950
#2B1317

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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