#5286AA

#5286AA

Color Values

HEX

#5286AA

RGB

82, 134, 170

HSL

204.5, 34.9%, 49.4%

HSV

204.5, 51.8%, 66.7%

CMYK

51.8%, 21.2%, 0.0%, 33.3%

OKLCH

0.5982 0.0784 240.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5286AA

#AA7652

Analogous

#52AAA2

#525AAA

#5286AA

Triadic

#5286AA

#AA5286

#86AA52

Split Complementary

#5286AA

#AA525A

#AAA252

Tetradic

#5286AA

#A252AA

#AA7652

#5AAA52

Color Blindness Simulation

Original

#5286AA

Protanopia

#6969A1

Deuteranopia

#66629F

Tritanopia

#559A99

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ACC6D7
400
#80A7C2
500
#5388AC
600
#426D8A
700
#35576E
800
#2A4456
900
#213340
950
#152028

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026