#5A84AF

#5A84AF

Color Values

HEX

#5A84AF

RGB

90, 132, 175

HSL

210.4, 34.7%, 52.0%

HSV

210.4, 48.6%, 68.6%

CMYK

48.6%, 24.6%, 0.0%, 31.4%

OKLCH

0.6002 0.0808 249.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5A84AF

#AF855A

Analogous

#5AAFAF

#5B5AAF

#5A84AF

Triadic

#5A84AF

#AF5A84

#84AF5A

Split Complementary

#5A84AF

#AF5B5A

#AFAF5A

Tetradic

#5A84AF

#AF5AAF

#AF855A

#5AAF5B

Color Blindness Simulation

Original

#5A84AF

Protanopia

#6C6DA5

Deuteranopia

#6A67A2

Tritanopia

#5C9C9B

Achromatopsia

#7E7E7E

CSS Usage

background-color: #5A84AF;
color: #5A84AF;
border-color: #5A84AF;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ADC2D7
400
#80A0C1
500
#537FAC
600
#436689
700
#35516E
800
#2A3F56
900
#213040
950
#151E28

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass 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