#6454FF

#6454FF

Color Values

HEX

#6454FF

RGB

100, 84, 255

HSL

245.6, 100.0%, 66.5%

HSV

245.6, 67.1%, 100.0%

CMYK

60.8%, 67.1%, 0.0%, 0.0%

OKLCH

0.5687 0.2421 279.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6454FF

#EFFF54

Analogous

#549AFF

#BA54FF

#6454FF

Triadic

#6454FF

#FF6454

#54FF64

Split Complementary

#6454FF

#FFBA54

#9AFF54

Tetradic

#6454FF

#FF549A

#EFFF54

#54FFBA

Color Blindness Simulation

Original

#6454FF

Protanopia

#5D5DD6

Deuteranopia

#5E5FCC

Tritanopia

#63B5AE

Achromatopsia

#646464

CSS Usage

background-color: #6454FF;
color: #6454FF;
border-color: #6454FF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5442FF
500
#1800FF
600
#1300CC
700
#0F00A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026