#CA4EB8

#CA4EB8

Color Values

HEX

#CA4EB8

RGB

202, 78, 184

HSL

308,7, 53,9%, 54,9%

HSV

308,7, 61,4%, 79,2%

CMYK

0,0%, 61,4%, 8,9%, 20,8%

OKLCH

0,6245 0,1979 333,8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA4EB8

#4ECA60

Analogous

#9E4ECA

#CA4E7A

#CA4EB8

Triadic

#CA4EB8

#B8CA4E

#4EB8CA

Split Complementary

#CA4EB8

#7ACA4E

#4ECA9E

Tetradic

#CA4EB8

#CA9E4E

#4ECA60

#4E7ACA

Color Blindness Simulation

Original

#CA4EB8

Protanopia

#94939E

Deuteranopia

#9CA598

Tritanopia

#C48A86

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A1D9
400
#D46EC5
500
#C43BB0
600
#9D2F8D
700
#7E2671
800
#621D58
900
#481941
950
#2D1029

Contrast Checker

Text on white

3,97:1

AA Fail AAA Fail

Text on black

5,29: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