#5482AD

#5482AD

Color Values

HEX

#5482AD

RGB

84, 130, 173

HSL

209,0, 35,2%, 50,4%

HSV

209,0, 51,4%, 67,8%

CMYK

51,4%, 24,9%, 0,0%, 32,2%

OKLCH

0,5914 0,0833 247,8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5482AD

#AD7F54

Analogous

#54ADAC

#5455AD

#5482AD

Triadic

#5482AD

#AD5482

#82AD54

Split Complementary

#5482AD

#AD5455

#ADAC54

Tetradic

#5482AD

#AC54AD

#AD7F54

#55AD54

Color Blindness Simulation

Original

#5482AD

Protanopia

#6868A3

Deuteranopia

#6562A0

Tritanopia

#569A99

Achromatopsia

#7B7B7B

CSS Usage

background-color: #5482AD;
color: #5482AD;
border-color: #5482AD;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDCE8
300
#ACC3D7
400
#7FA2C2
500
#5381AC
600
#42678A
700
#35536E
800
#294056
900
#213140
950
#151F28

Contrast Checker

Text on white

4,06:1

AA Fail AAA Fail

Text on black

5,17:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026