#545ABB

#545ABB

Color Values

HEX

#545ABB

RGB

84, 90, 187

HSL

236.5, 43.1%, 53.1%

HSV

236.5, 55.1%, 73.3%

CMYK

55.1%, 51.9%, 0.0%, 26.7%

OKLCH

0.5138 0.1501 277.1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#545ABB

#BBB554

Analogous

#548DBB

#8154BB

#545ABB

Triadic

#545ABB

#BB545A

#5ABB54

Split Complementary

#545ABB

#BB8154

#8DBB54

Tetradic

#545ABB

#BB548D

#BBB554

#54BB81

Color Blindness Simulation

Original

#545ABB

Protanopia

#5757A4

Deuteranopia

#56569E

Tritanopia

#54918D

Achromatopsia

#606060

CSS Usage

background-color: #545ABB;
color: #545ABB;
border-color: #545ABB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCEEB
300
#A7ABDC
400
#787DC9
500
#494FB6
600
#3A3F92
700
#2E3375
800
#24275B
900
#1E2043
950
#13142A

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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