#CA7782

#CA7782

Color Values

HEX

#CA7782

RGB

202, 119, 130

HSL

352.0, 43.9%, 62.9%

HSV

352.0, 41.1%, 79.2%

CMYK

0.0%, 41.1%, 35.6%, 20.8%

OKLCH

0.6622 0.1044 11.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CA7782

#77CABF

Analogous

#CA77AB

#CA9577

#CA7782

Triadic

#CA7782

#82CA77

#7782CA

Split Complementary

#CA7782

#77CA95

#77ABCA

Tetradic

#CA7782

#ABCA77

#77CABF

#9577CA

Color Blindness Simulation

Original

#CA7782

Protanopia

#A6A57F

Deuteranopia

#ABB17F

Tritanopia

#C67D7D

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EBCCD0
300
#DDA7AE
400
#CA7782
500
#B74856
600
#933945
700
#752E37
800
#5C242B
900
#441D22
950
#2B1316

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026