#5C7486

#5C7486

Color Values

HEX

#5C7486

RGB

92, 116, 134

HSL

205.7, 18.6%, 44.3%

HSV

205.7, 31.3%, 52.5%

CMYK

31.3%, 13.4%, 0.0%, 47.5%

OKLCH

0.5466 0.0399 240.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#5C7486

#866E5C

Analogous

#5C8683

#5C5F86

#5C7486

Triadic

#5C7486

#865C74

#74865C

Split Complementary

#5C7486

#865C5F

#86835C

Tetradic

#5C7486

#835C86

#866E5C

#5F865C

Color Blindness Simulation

Original

#5C7486

Protanopia

#666782

Deuteranopia

#656381

Tritanopia

#5D7E7D

Achromatopsia

#707070

CSS Usage

background-color: #5C7486;
color: #5C7486;
border-color: #5C7486;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DCE2
300
#B6C3CD
400
#8FA3B2
500
#688397
600
#536979
700
#425461
800
#34414C
900
#283239
950
#191F24

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

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