#5C8FD5

#5C8FD5

Color Values

HEX

#5C8FD5

RGB

92, 143, 213

HSL

214.7, 59.0%, 59.8%

HSV

214.7, 56.8%, 83.5%

CMYK

56.8%, 32.9%, 0.0%, 16.5%

OKLCH

0.6448 0.1191 256.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#5C8FD5

#D5A25C

Analogous

#5CCBD5

#655CD5

#5C8FD5

Triadic

#5C8FD5

#D55C8F

#8FD55C

Split Complementary

#5C8FD5

#D5655C

#CBD55C

Tetradic

#5C8FD5

#D55CCB

#D5A25C

#5CD565

Color Blindness Simulation

Original

#5C8FD5

Protanopia

#7273C4

Deuteranopia

#6F6BC0

Tritanopia

#5FB7B4

Achromatopsia

#898989

CSS Usage

background-color: #5C8FD5;
color: #5C8FD5;
border-color: #5C8FD5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D8F0
300
#9EBCE6
400
#6998D8
500
#3474CB
600
#2A5DA2
700
#214A82
800
#1A3A65
900
#172C4A
950
#0E1C2F

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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