#6454BA

#6454BA

Color Values

HEX

#6454BA

RGB

100, 84, 186

HSL

249.4, 42.5%, 52.9%

HSV

249.4, 54.8%, 72.9%

CMYK

46.2%, 54.8%, 0.0%, 27.1%

OKLCH

0.5146 0.1546 286.8

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6454BA

#AABA54

Analogous

#5477BA

#9754BA

#6454BA

Triadic

#6454BA

#BA6454

#54BA64

Split Complementary

#6454BA

#BA9754

#77BA54

Tetradic

#6454BA

#BA5477

#AABA54

#54BA97

Color Blindness Simulation

Original

#6454BA

Protanopia

#5D5DA1

Deuteranopia

#5E5F9B

Tritanopia

#638E8A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #6454BA;
color: #6454BA;
border-color: #6454BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E9E7F4
200
#D1CCEA
300
#B0A8DC
400
#8579C9
500
#5A49B6
600
#483B91
700
#3A2F74
800
#2D255B
900
#241E43
950
#17132A

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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