#5083B7

#5083B7

Color Values

HEX

#5083B7

RGB

80, 131, 183

HSL

210.3, 41.7%, 51.6%

HSV

210.3, 56.3%, 71.8%

CMYK

56.3%, 28.4%, 0.0%, 28.2%

OKLCH

0.5965 0.0971 250.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5083B7

#B78450

Analogous

#50B7B7

#5150B7

#5083B7

Triadic

#5083B7

#B75083

#83B750

Split Complementary

#5083B7

#B75150

#B7B750

Tetradic

#5083B7

#B750B7

#B78450

#50B751

Color Blindness Simulation

Original

#5083B7

Protanopia

#6667AA

Deuteranopia

#635FA7

Tritanopia

#53A09E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #5083B7;
color: #5083B7;
border-color: #5083B7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CCDBEA
300
#A8C2DB
400
#79A0C8
500
#4A7FB5
600
#3B6691
700
#305174
800
#253F5A
900
#1E3043
950
#131E2A

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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