#CA59C0

#CA59C0

Color Values

HEX

#CA59C0

RGB

202, 89, 192

HSL

305.3, 51.6%, 57.1%

HSV

305.3, 55.9%, 79.2%

CMYK

0.0%, 55.9%, 5.0%, 20.8%

OKLCH

0.6413 0.1883 331.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA59C0

#59CA63

Analogous

#9C59CA

#CA5988

#CA59C0

Triadic

#CA59C0

#C0CA59

#59C0CA

Split Complementary

#CA59C0

#88CA59

#59CA9C

Tetradic

#CA59C0

#CA9C59

#59CA63

#5988CA

Color Blindness Simulation

Original

#CA59C0

Protanopia

#9998A7

Deuteranopia

#A0A8A1

Tritanopia

#C4938F

Achromatopsia

#787878

CSS Usage

background-color: #CA59C0;
color: #CA59C0;
border-color: #CA59C0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EA
300
#E1A2DC
400
#D170C9
500
#C13EB6
600
#9B3191
700
#7C2774
800
#611F5B
900
#471A43
950
#2D102A

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026