#5482B4

#5482B4

Color Values

HEX

#5482B4

RGB

84, 130, 180

HSL

211.2, 39.0%, 51.8%

HSV

211.2, 53.3%, 70.6%

CMYK

53.3%, 27.8%, 0.0%, 29.4%

OKLCH

0.5948 0.0921 251.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5482B4

#B48654

Analogous

#54B2B4

#5654B4

#5482B4

Triadic

#5482B4

#B45482

#82B454

Split Complementary

#5482B4

#B45654

#B2B454

Tetradic

#5482B4

#B454B2

#B48654

#54B456

Color Blindness Simulation

Original

#5482B4

Protanopia

#6868A8

Deuteranopia

#6562A5

Tritanopia

#569E9C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC1DA
400
#7C9FC5
500
#4E7EB1
600
#3E648E
700
#325071
800
#273F59
900
#1F3041
950
#141E29

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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