#C653EF

#C653EF

Color Values

HEX

#C653EF

RGB

198, 83, 239

HSL

284.2, 83.0%, 63.1%

HSV

284.2, 65.3%, 93.7%

CMYK

17.2%, 65.3%, 0.0%, 6.3%

OKLCH

0.6547 0.2362 315.9

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C653EF

#7CEF53

Analogous

#7853EF

#EF53CA

#C653EF

Triadic

#C653EF

#EFC653

#53EFC6

Split Complementary

#C653EF

#CAEF53

#53EF78

Tetradic

#C653EF

#EF7853

#7CEF53

#53CAEF

Color Blindness Simulation

Original

#C653EF

Protanopia

#9493C9

Deuteranopia

#9BA4C0

Tritanopia

#C0ABA5

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E1FA
200
#E9BEF9
300
#DA8FF5
400
#C652EF
500
#B216E9
600
#8E11BB
700
#720E95
800
#590B75
900
#420C55
950
#290835

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88: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