#6553F9

#6553F9

Color Values

HEX

#6553F9

RGB

101, 83, 249

HSL

246.5, 93.3%, 65.1%

HSV

246.5, 66.7%, 97.6%

CMYK

59.4%, 66.7%, 0.0%, 2.4%

OKLCH

0.5628 0.2359 280.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6553F9

#E7F953

Analogous

#5394F9

#B853F9

#6553F9

Triadic

#6553F9

#F96553

#53F965

Split Complementary

#6553F9

#F9B853

#94F953

Tetradic

#6553F9

#F95394

#E7F953

#53F9B8

Color Blindness Simulation

Original

#6553F9

Protanopia

#5D5DD1

Deuteranopia

#5E60C7

Tritanopia

#64B1AA

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFD
300
#9589FB
400
#5C49F9
500
#2209F6
600
#1B07C5
700
#16059E
800
#11047B
900
#110859
950
#0A0538

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026