#545C81

#545C81

Color Values

HEX

#545C81

RGB

84, 92, 129

HSL

229.3, 21.1%, 41.8%

HSV

229.3, 34.9%, 50.6%

CMYK

34.9%, 28.7%, 0.0%, 49.4%

OKLCH

0.4832 0.0605 274.5

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#545C81

#817954

Analogous

#547381

#635481

#545C81

Triadic

#545C81

#81545C

#5C8154

Split Complementary

#545C81

#816354

#738154

Tetradic

#545C81

#815473

#817954

#548163

Color Blindness Simulation

Original

#545C81

Protanopia

#575878

Deuteranopia

#575676

Tritanopia

#54716F

Achromatopsia

#5D5D5D

CSS Usage

background-color: #545C81;
color: #545C81;
border-color: #545C81;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E3
300
#B5B9CF
400
#8D94B5
500
#656E9A
600
#50587C
700
#404763
800
#32374D
900
#272B3A
950
#191B24

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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