#CA5282

#CA5282

Color Values

HEX

#CA5282

RGB

202, 82, 130

HSL

336.0, 53.1%, 55.7%

HSV

336.0, 59.4%, 79.2%

CMYK

0.0%, 59.4%, 35.6%, 20.8%

OKLCH

0.6076 0.1595 358.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CA5282

#52CA9A

Analogous

#CA52BE

#CA5E52

#CA5282

Triadic

#CA5282

#82CA52

#5282CA

Split Complementary

#CA5282

#52CA5E

#52BECA

Tetradic

#CA5282

#BECA52

#52CA9A

#5E52CA

Color Blindness Simulation

Original

#CA5282

Protanopia

#969576

Deuteranopia

#9DA674

Tritanopia

#C46D6B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC8D8
300
#E2A1BB
400
#D36F97
500
#C33C72
600
#9C305B
700
#7D2649
800
#621E39
900
#48192C
950
#2D101C

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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