#CA76A2

#CA76A2

Color Values

HEX

#CA76A2

RGB

202, 118, 162

HSL

328.6, 44.2%, 62.7%

HSV

328.6, 41.6%, 79.2%

CMYK

0.0%, 41.6%, 19.8%, 20.8%

OKLCH

0.6704 0.1178 348.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CA76A2

#76CA9E

Analogous

#C876CA

#CA7678

#CA76A2

Triadic

#CA76A2

#A2CA76

#76A2CA

Split Complementary

#CA76A2

#78CA76

#76CAC8

Tetradic

#CA76A2

#CAC876

#76CA9E

#7678CA

Color Blindness Simulation

Original

#CA76A2

Protanopia

#A6A597

Deuteranopia

#AAB195

Tritanopia

#C68F8D

Achromatopsia

#8B8B8B

CSS Usage

background-color: #CA76A2;
color: #CA76A2;
border-color: #CA76A2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#EBCCDC
300
#DDA7C3
400
#CA77A3
500
#B84782
600
#933968
700
#762E53
800
#5C2441
900
#441D31
950
#2B121F

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026