#6454CC

#6454CC

Color Values

HEX

#6454CC

RGB

100, 84, 204

HSL

248.0, 54.1%, 56.5%

HSV

248.0, 58.8%, 80.0%

CMYK

51.0%, 58.8%, 0.0%, 20.0%

OKLCH

0.5276 0.1786 284.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6454CC

#BCCC54

Analogous

#5480CC

#A054CC

#6454CC

Triadic

#6454CC

#CC6454

#54CC64

Split Complementary

#6454CC

#CCA054

#80CC54

Tetradic

#6454CC

#CC5480

#BCCC54

#54CCA0

Color Blindness Simulation

Original

#6454CC

Protanopia

#5D5DAF

Deuteranopia

#5E5FA8

Tritanopia

#639893

Achromatopsia

#606060

CSS Usage

background-color: #6454CC;
color: #6454CC;
border-color: #6454CC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EF
300
#AAA1E3
400
#7B6ED4
500
#4D3BC4
600
#3E2F9D
700
#31257E
800
#261D62
900
#1F1948
950
#14102D

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68: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