#5282AE

#5282AE

Color Values

HEX

#5282AE

RGB

82, 130, 174

HSL

208.7, 36.2%, 50.2%

HSV

208.7, 52.9%, 68.2%

CMYK

52.9%, 25.3%, 0.0%, 31.8%

OKLCH

0.5908 0.0857 247.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5282AE

#AE7E52

Analogous

#52AEAC

#5254AE

#5282AE

Triadic

#5282AE

#AE5282

#82AE52

Split Complementary

#5282AE

#AE5254

#AEAC52

Tetradic

#5282AE

#AC52AE

#AE7E52

#54AE52

Color Blindness Simulation

Original

#5282AE

Protanopia

#6767A3

Deuteranopia

#6460A1

Tritanopia

#549B99

Achromatopsia

#7B7B7B

CSS Usage

background-color: #5282AE;
color: #5282AE;
border-color: #5282AE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC3D8
400
#7EA2C3
500
#5182AE
600
#41688B
700
#34536F
800
#294157
900
#213140
950
#151F29

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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