#654AF8

#654AF8

Color Values

HEX

#654AF8

RGB

101, 74, 248

HSL

249.3, 92.6%, 63.1%

HSV

249.3, 70.2%, 97.3%

CMYK

59.3%, 70.2%, 0.0%, 2.7%

OKLCH

0.5494 0.2443 281.8

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#654AF8

#DDF84A

Analogous

#4A86F8

#BC4AF8

#654AF8

Triadic

#654AF8

#F8654A

#4AF865

Split Complementary

#654AF8

#F8BC4A

#86F84A

Tetradic

#654AF8

#F84A86

#DDF84A

#4AF8BC

Color Blindness Simulation

Original

#654AF8

Protanopia

#5959CE

Deuteranopia

#5B5DC4

Tritanopia

#64ADA5

Achromatopsia

#5C5C5C

CSS Usage

background-color: #654AF8;
color: #654AF8;
border-color: #654AF8;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C4BAFC
300
#9B89FA
400
#6449F8
500
#2E09F6
600
#2508C4
700
#1D069D
800
#17057B
900
#150859
950
#0D0538

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026