#5791C3

#5791C3

Color Values

HEX

#5791C3

RGB

87, 145, 195

HSL

207.8, 47.4%, 55.3%

HSV

207.8, 55.4%, 76.5%

CMYK

55.4%, 25.6%, 0.0%, 23.5%

OKLCH

0.6377 0.0971 246.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#5791C3

#C38957

Analogous

#57C3BF

#575BC3

#5791C3

Triadic

#5791C3

#C35791

#91C357

Split Complementary

#5791C3

#C3575B

#C3BF57

Tetradic

#5791C3

#BF57C3

#C38957

#5BC357

Color Blindness Simulation

Original

#5791C3

Protanopia

#7071B7

Deuteranopia

#6D68B4

Tritanopia

#5AADAB

Achromatopsia

#888888

CSS Usage

background-color: #5791C3;
color: #5791C3;
border-color: #5791C3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADDEC
300
#A5C4DF
400
#74A4CD
500
#4384BC
600
#366A96
700
#2B5478
800
#22425E
900
#1C3245
950
#12202C

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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