#CA0FC9

#CA0FC9

Color Values

HEX

#CA0FC9

RGB

202, 15, 201

HSL

300.3, 86.2%, 42.5%

HSV

300.3, 92.6%, 79.2%

CMYK

0.0%, 92.6%, 0.5%, 20.8%

OKLCH

0.5911 0.2658 328.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA0FC9

#0FCA10

Analogous

#6D0FCA

#CA0F6B

#CA0FC9

Triadic

#CA0FC9

#C9CA0F

#0FC9CA

Split Complementary

#CA0FC9

#6BCA0F

#0FCA6D

Tetradic

#CA0FC9

#CA6D0F

#0FCA10

#0F6BCA

Color Blindness Simulation

Original

#CA0FC9

Protanopia

#79779C

Deuteranopia

#849291

Tritanopia

#C17871

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDFA
300
#F78DF6
400
#F24FF1
500
#ED12EC
600
#BE0EBD
700
#980B97
800
#770976
900
#560B56
950
#360736

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail 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