#5392BC

#5392BC

Color Values

HEX

#5392BC

RGB

83, 146, 188

HSL

204.0, 43.9%, 53.1%

HSV

204.0, 55.9%, 73.7%

CMYK

55.9%, 22.3%, 0.0%, 26.3%

OKLCH

0.6349 0.0908 239.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5392BC

#BC7D53

Analogous

#53BCB1

#535DBC

#5392BC

Triadic

#5392BC

#BC5392

#92BC53

Split Complementary

#5392BC

#BC535D

#BCB153

Tetradic

#5392BC

#B153BC

#BC7D53

#5DBC53

Color Blindness Simulation

Original

#5392BC

Protanopia

#6E6FB2

Deuteranopia

#6B66AF

Tritanopia

#56AAA8

Achromatopsia

#888888

CSS Usage

background-color: #5392BC;
color: #5392BC;
border-color: #5392BC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CCDEEB
300
#A7C7DD
400
#77A9CA
500
#488BB7
600
#396F93
700
#2E5975
800
#24455C
900
#1D3444
950
#13212B

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass 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