#5087BC

#5087BC

Color Values

HEX

#5087BC

RGB

80, 135, 188

HSL

209.4, 44.6%, 52.5%

HSV

209.4, 57.4%, 73.7%

CMYK

57.4%, 28.2%, 0.0%, 26.3%

OKLCH

0.6082 0.1 248.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5087BC

#BC8550

Analogous

#50BCBB

#5051BC

#5087BC

Triadic

#5087BC

#BC5087

#87BC50

Split Complementary

#5087BC

#BC5051

#BCBB50

Tetradic

#5087BC

#BB50BC

#BC8550

#51BC50

Color Blindness Simulation

Original

#5087BC

Protanopia

#6868AF

Deuteranopia

#6560AC

Tritanopia

#53A5A3

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5087BC;
color: #5087BC;
border-color: #5087BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEB
300
#A7C2DD
400
#77A1CB
500
#4781B8
600
#396793
700
#2D5276
800
#23405C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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