#545DB0

#545DB0

Color Values

HEX

#545DB0

RGB

84, 93, 176

HSL

234.1, 36.8%, 51.0%

HSV

234.1, 52.3%, 69.0%

CMYK

52.3%, 47.2%, 0.0%, 31.0%

OKLCH

0.5124 0.1303 276.1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#545DB0

#B0A754

Analogous

#548BB0

#7954B0

#545DB0

Triadic

#545DB0

#B0545D

#5DB054

Split Complementary

#545DB0

#B07954

#8BB054

Tetradic

#545DB0

#B0548B

#B0A754

#54B079

Color Blindness Simulation

Original

#545DB0

Protanopia

#58589C

Deuteranopia

#575797

Tritanopia

#548C89

Achromatopsia

#616161

CSS Usage

background-color: #545DB0;
color: #545DB0;
border-color: #545DB0;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CED1E8
300
#ABB0D8
400
#7E85C3
500
#515AAE
600
#40488C
700
#343970
800
#282D57
900
#202440
950
#141629

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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