#5C8EB1

#5C8EB1

Color Values

HEX

#5C8EB1

RGB

92, 142, 177

HSL

204.7, 35.3%, 52.7%

HSV

204.7, 48.0%, 69.4%

CMYK

48.0%, 19.8%, 0.0%, 30.6%

OKLCH

0.6252 0.0756 240.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5C8EB1

#B17F5C

Analogous

#5CB1A9

#5C63B1

#5C8EB1

Triadic

#5C8EB1

#B15C8E

#8EB15C

Split Complementary

#5C8EB1

#B15C63

#B1A95C

Tetradic

#5C8EB1

#A95CB1

#B17F5C

#63B15C

Color Blindness Simulation

Original

#5C8EB1

Protanopia

#7272A9

Deuteranopia

#6F6BA6

Tritanopia

#5EA2A0

Achromatopsia

#868686

CSS Usage

background-color: #5C8EB1;
color: #5C8EB1;
border-color: #5C8EB1;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CFDEE8
300
#ACC6D7
400
#7FA7C2
500
#5287AD
600
#426C8A
700
#35576E
800
#294456
900
#213340
950
#152028

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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