#654AF7

#654AF7

Color Values

HEX

#654AF7

RGB

101, 74, 247

HSL

249.4, 91.5%, 62.9%

HSV

249.4, 70.0%, 96.9%

CMYK

59.1%, 70.0%, 0.0%, 3.1%

OKLCH

0.5485 0.2431 281.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#654AF7

#DCF74A

Analogous

#4A85F7

#BC4AF7

#654AF7

Triadic

#654AF7

#F7654A

#4AF765

Split Complementary

#654AF7

#F7BC4A

#85F74A

Tetradic

#654AF7

#F74A85

#DCF74A

#4AF7BC

Color Blindness Simulation

Original

#654AF7

Protanopia

#5959CD

Deuteranopia

#5B5DC3

Tritanopia

#64ACA5

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E4DFFB
200
#C5BBFC
300
#9B8AFA
400
#654AF7
500
#2F0BF4
600
#2609C3
700
#1E079C
800
#18057A
900
#150958
950
#0D0538

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026