#5486B4

#5486B4

Color Values

HEX

#5486B4

RGB

84, 134, 180

HSL

208.8, 39.0%, 51.8%

HSV

208.8, 53.3%, 70.6%

CMYK

53.3%, 25.6%, 0.0%, 29.4%

OKLCH

0.6039 0.0889 247.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5486B4

#B48254

Analogous

#54B4B2

#5456B4

#5486B4

Triadic

#5486B4

#B45486

#86B454

Split Complementary

#5486B4

#B45456

#B4B254

Tetradic

#5486B4

#B254B4

#B48254

#56B454

Color Blindness Simulation

Original

#5486B4

Protanopia

#6A6AA9

Deuteranopia

#6763A6

Tritanopia

#56A09E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5486B4;
color: #5486B4;
border-color: #5486B4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCE9
300
#AAC3DA
400
#7CA2C5
500
#4E81B1
600
#3E688E
700
#325371
800
#274159
900
#1F3141
950
#141F29

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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