#CA4DF5

#CA4DF5

Color Values

HEX

#CA4DF5

RGB

202, 77, 245

HSL

284,6, 89,4%, 63,1%

HSV

284,6, 68,6%, 96,1%

CMYK

17,6%, 68,6%, 0,0%, 3,9%

OKLCH

0,6572 0,2504 316,1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#CA4DF5

#78F54D

Analogous

#764DF5

#F54DCC

#CA4DF5

Triadic

#CA4DF5

#F5CA4D

#4DF5CA

Split Complementary

#CA4DF5

#CCF54D

#4DF576

Tetradic

#CA4DF5

#F5764D

#78F54D

#4DCCF5

Color Blindness Simulation

Original

#CA4DF5

Protanopia

#9493CC

Deuteranopia

#9BA4C3

Tritanopia

#C4ACA5

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F4E0FB
200
#EBBBFB
300
#DC8BF9
400
#CA4CF5
500
#B70EF1
600
#920BC1
700
#75099B
800
#5B0779
900
#430957
950
#2B0637

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026