#5371BA

#5371BA

Color Values

HEX

#5371BA

RGB

83, 113, 186

HSL

222.5, 42.7%, 52.7%

HSV

222.5, 55.4%, 72.9%

CMYK

55.4%, 39.2%, 0.0%, 27.1%

OKLCH

0.5597 0.1189 265.8

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5371BA

#BA9C53

Analogous

#53A4BA

#6853BA

#5371BA

Triadic

#5371BA

#BA5371

#71BA53

Split Complementary

#5371BA

#BA6853

#A4BA53

Tetradic

#5371BA

#BA53A4

#BA9C53

#53BA68

Color Blindness Simulation

Original

#5371BA

Protanopia

#6060A8

Deuteranopia

#5E5CA4

Tritanopia

#549A97

Achromatopsia

#707070

CSS Usage

background-color: #5371BA;
color: #5371BA;
border-color: #5371BA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A8B7DC
400
#7890C9
500
#4969B6
600
#3A5492
700
#2F4374
800
#25345B
900
#1E2943
950
#131A2A

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026