#CA23C9

#CA23C9

Color Values

HEX

#CA23C9

RGB

202, 35, 201

HSL

300.4, 70.5%, 46.5%

HSV

300.4, 82.7%, 79.2%

CMYK

0.0%, 82.7%, 0.5%, 20.8%

OKLCH

0.5986 0.2557 328.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CA23C9

#23CA24

Analogous

#7823CA

#CA2375

#CA23C9

Triadic

#CA23C9

#C9CA23

#23C9CA

Split Complementary

#CA23C9

#75CA23

#23CA78

Tetradic

#CA23C9

#CA7823

#23CA24

#2375CA

Color Blindness Simulation

Original

#CA23C9

Protanopia

#8280A1

Deuteranopia

#8B9897

Tritanopia

#C2817A

Achromatopsia

#525252

CSS Usage

background-color: #CA23C9;
color: #CA23C9;
border-color: #CA23C9;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C2F4
300
#ED97EC
400
#E35EE2
500
#D926D8
600
#AE1EAD
700
#8B188A
800
#6D136C
900
#4F124F
950
#320B32

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026