#6553F8

#6553F8

Color Values

HEX

#6553F8

RGB

101, 83, 248

HSL

246.5, 92.2%, 64.9%

HSV

246.5, 66.5%, 97.3%

CMYK

59.3%, 66.5%, 0.0%, 2.7%

OKLCH

0.562 0.2347 280.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6553F8

#E6F853

Analogous

#5394F8

#B753F8

#6553F8

Triadic

#6553F8

#F86553

#53F865

Split Complementary

#6553F8

#F8B753

#94F853

Tetradic

#6553F8

#F85394

#E6F853

#53F8B7

Color Blindness Simulation

Original

#6553F8

Protanopia

#5D5DD0

Deuteranopia

#5E60C6

Tritanopia

#64B1AA

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BAFC
300
#9689FA
400
#5D4AF8
500
#230AF5
600
#1C08C4
700
#17069D
800
#12057B
900
#110859
950
#0B0538

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026