#CA0DF2

#CA0DF2

Color Values

HEX

#CA0DF2

RGB

202, 13, 242

HSL

289,5, 89,8%, 50,0%

HSV

289,5, 94,6%, 94,9%

CMYK

16,5%, 94,6%, 0,0%, 5,1%

OKLCH

0,6175 0,2943 318,6

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#CA0DF2

#35F20D

Analogous

#570DF2

#F20DA8

#CA0DF2

Triadic

#CA0DF2

#F2CA0D

#0DF2CA

Split Complementary

#CA0DF2

#A8F20D

#0DF257

Tetradic

#CA0DF2

#F2570D

#35F20D

#0DA8F2

Color Blindness Simulation

Original

#CA0DF2

Protanopia

#7877BB

Deuteranopia

#8391AD

Tritanopia

#C18F85

Achromatopsia

#464646

CSS Usage

background-color: #CA0DF2;
color: #CA0DF2;
border-color: #CA0DF2;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF2FD
100
#F6E0FB
200
#F0BBFB
300
#E68BF9
400
#D84CF5
500
#CA0DF2
600
#A20AC2
700
#81089B
800
#650779
900
#4A0958
950
#2F0637

Contrast Checker

Text on white

4,33:1

AA Fail AAA Fail

Text on black

4,85: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