#CA5196

#CA5196

Color Values

HEX

#CA5196

RGB

202, 81, 150

HSL

325.8, 53.3%, 55.5%

HSV

325.8, 59.9%, 79.2%

CMYK

0.0%, 59.9%, 25.7%, 20.8%

OKLCH

0.6134 0.1705 348.0

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#CA5196

#51CA85

Analogous

#C251CA

#CA515A

#CA5196

Triadic

#CA5196

#96CA51

#5196CA

Split Complementary

#CA5196

#5ACA51

#51CAC2

Tetradic

#CA5196

#CAC251

#51CA85

#515ACA

Color Blindness Simulation

Original

#CA5196

Protanopia

#969585

Deuteranopia

#9DA681

Tritanopia

#C47875

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC8DE
300
#E2A1C6
400
#D36EA8
500
#C33C89
600
#9C306E
700
#7D2658
800
#621E45
900
#481934
950
#2D1021

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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