#C53EFF

#C53EFF

Color Values

HEX

#C53EFF

RGB

197, 62, 255

HSL

282.0, 100.0%, 62.2%

HSV

282.0, 75.7%, 100.0%

CMYK

22.7%, 75.7%, 0.0%, 0.0%

OKLCH

0.644 0.2732 313.1

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C53EFF

#78FF3E

Analogous

#653EFF

#FF3ED8

#C53EFF

Triadic

#C53EFF

#FFC53E

#3EFFC5

Split Complementary

#C53EFF

#D8FF3E

#3EFF65

Tetradic

#C53EFF

#FF653E

#78FF3E

#3ED8FF

Color Blindness Simulation

Original

#C53EFF

Protanopia

#8B89D0

Deuteranopia

#929CC5

Tritanopia

#BEABA3

Achromatopsia

#696969

CSS Usage

background-color: #C53EFF;
color: #C53EFF;
border-color: #C53EFF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB8FF
300
#DA85FF
400
#C642FF
500
#B300FF
600
#8F00CC
700
#7200A3
800
#590080
900
#42055C
950
#2A033A

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026