#6553FA

#6553FA

Color Values

HEX

#6553FA

RGB

101, 83, 250

HSL

246.5, 94.4%, 65.3%

HSV

246.5, 66.8%, 98.0%

CMYK

59.6%, 66.8%, 0.0%, 2.0%

OKLCH

0.5637 0.2371 280.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6553FA

#E8FA53

Analogous

#5394FA

#B953FA

#6553FA

Triadic

#6553FA

#FA6553

#53FA65

Split Complementary

#6553FA

#FAB953

#94FA53

Tetradic

#6553FA

#FA5394

#E8FA53

#53FAB9

Color Blindness Simulation

Original

#6553FA

Protanopia

#5D5DD2

Deuteranopia

#5E60C8

Tritanopia

#64B2AB

Achromatopsia

#636363

CSS Usage

background-color: #6553FA;
color: #6553FA;
border-color: #6553FA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFD
300
#9588FC
400
#5B48FA
500
#2107F8
600
#1B06C6
700
#15059F
800
#11047C
900
#10075A
950
#0A0539

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.17:1

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