#5286AB

#5286AB

Color Values

HEX

#5286AB

RGB

82, 134, 171

HSL

204.9, 35.2%, 49.6%

HSV

204.9, 52.0%, 67.1%

CMYK

52.0%, 21.6%, 0.0%, 32.9%

OKLCH

0.5987 0.0795 240.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5286AB

#AB7752

Analogous

#52ABA3

#525AAB

#5286AB

Triadic

#5286AB

#AB5286

#86AB52

Split Complementary

#5286AB

#AB525A

#ABA352

Tetradic

#5286AB

#A352AB

#AB7752

#5AAB52

Color Blindness Simulation

Original

#5286AB

Protanopia

#6969A2

Deuteranopia

#6662A0

Tritanopia

#559B99

Achromatopsia

#7E7E7E

CSS Usage

background-color: #5286AB;
color: #5286AB;
border-color: #5286AB;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC5D7
400
#7FA6C2
500
#5387AC
600
#426C8A
700
#35566E
800
#294456
900
#213340
950
#152028

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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