#545A98

#545A98

Color Values

HEX

#545A98

RGB

84, 90, 152

HSL

234.7, 28.8%, 46.3%

HSV

234.7, 44.7%, 59.6%

CMYK

44.7%, 40.8%, 0.0%, 40.4%

OKLCH

0.4913 0.0989 277.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#545A98

#989254

Analogous

#547C98

#705498

#545A98

Triadic

#545A98

#98545A

#5A9854

Split Complementary

#545A98

#987054

#7C9854

Tetradic

#545A98

#98547C

#989254

#549870

Color Blindness Simulation

Original

#545A98

Protanopia

#575789

Deuteranopia

#565685

Tritanopia

#547D7B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #545A98;
color: #545A98;
border-color: #545A98;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D3E6
300
#B0B3D3
400
#858ABC
500
#5B61A4
600
#494E83
700
#3A3E69
800
#2D3152
900
#24263D
950
#171827

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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