#CA49BF

#CA49BF

Color Values

HEX

#CA49BF

RGB

202, 73, 191

HSL

305.1, 54.9%, 53.9%

HSV

305.1, 63.9%, 79.2%

CMYK

0.0%, 63.9%, 5.4%, 20.8%

OKLCH

0.6226 0.2101 331.3

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#CA49BF

#49CA54

Analogous

#9449CA

#CA497E

#CA49BF

Triadic

#CA49BF

#BFCA49

#49BFCA

Split Complementary

#CA49BF

#7ECA49

#49CA94

Tetradic

#CA49BF

#CA9449

#49CA54

#497ECA

Color Blindness Simulation

Original

#CA49BF

Protanopia

#9291A2

Deuteranopia

#9AA39C

Tritanopia

#C48C87

Achromatopsia

#6D6D6D

CSS Usage

background-color: #CA49BF;
color: #CA49BF;
border-color: #CA49BF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EC
300
#E3A0DE
400
#D46DCC
500
#C53ABA
600
#9E2E94
700
#7E2577
800
#631D5D
900
#481944
950
#2E0F2B

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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