#5374B8

#5374B8

Color Values

HEX

#5374B8

RGB

83, 116, 184

HSL

220.4, 41.6%, 52.4%

HSV

220.4, 54.9%, 72.2%

CMYK

54.9%, 37.0%, 0.0%, 27.8%

OKLCH

0.5651 0.1125 263.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#5374B8

#B89753

Analogous

#53A7B8

#6553B8

#5374B8

Triadic

#5374B8

#B85374

#74B853

Split Complementary

#5374B8

#B86553

#A7B853

Tetradic

#5374B8

#B853A7

#B89753

#53B865

Color Blindness Simulation

Original

#5374B8

Protanopia

#6162A8

Deuteranopia

#5F5DA4

Tritanopia

#559B98

Achromatopsia

#727272

CSS Usage

background-color: #5374B8;
color: #5374B8;
border-color: #5374B8;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CCD6EA
300
#A8B9DB
400
#7993C8
500
#4A6DB5
600
#3C5790
700
#304674
800
#25375A
900
#1E2A43
950
#131B2A

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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