#545BF9

#545BF9

Color Values

HEX

#545BF9

RGB

84, 91, 249

HSL

237.5, 93.2%, 65.3%

HSV

237.5, 66.3%, 97.6%

CMYK

66.3%, 63.5%, 0.0%, 2.4%

OKLCH

0.5638 0.2305 274.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#545BF9

#F9F254

Analogous

#54ADF9

#A054F9

#545BF9

Triadic

#545BF9

#F9545B

#5BF954

Split Complementary

#545BF9

#F9A054

#ADF954

Tetradic

#545BF9

#F954AD

#F9F254

#54F9A0

Color Blindness Simulation

Original

#545BF9

Protanopia

#5757D3

Deuteranopia

#5756CA

Tritanopia

#54B5AE

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#898EFB
400
#4950F9
500
#0913F6
600
#070FC5
700
#060C9E
800
#04097B
900
#080B59
950
#050738

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026