#545CF9

#545CF9

Color Values

HEX

#545CF9

RGB

84, 92, 249

HSL

237.1, 93.2%, 65.3%

HSV

237.1, 66.3%, 97.6%

CMYK

66.3%, 63.1%, 0.0%, 2.4%

OKLCH

0.5654 0.2294 274.1

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#545CF9

#F9F154

Analogous

#54AEF9

#9F54F9

#545CF9

Triadic

#545CF9

#F9545C

#5CF954

Split Complementary

#545CF9

#F99F54

#AEF954

Tetradic

#545CF9

#F954AE

#F9F154

#54F99F

Color Blindness Simulation

Original

#545CF9

Protanopia

#5758D3

Deuteranopia

#5756CA

Tritanopia

#54B5AE

Achromatopsia

#666666

CSS Usage

background-color: #545CF9;
color: #545CF9;
border-color: #545CF9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#898EFB
400
#4951F9
500
#0914F6
600
#0710C5
700
#060D9E
800
#040A7B
900
#080C59
950
#050738

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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