#5F8BC1

#5F8BC1

Color Values

HEX

#5F8BC1

RGB

95, 139, 193

HSL

213.1, 44.1%, 56.5%

HSV

213.1, 50.8%, 75.7%

CMYK

50.8%, 28.0%, 0.0%, 24.3%

OKLCH

0.6274 0.0953 254.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5F8BC1

#C1955F

Analogous

#5FBCC1

#645FC1

#5F8BC1

Triadic

#5F8BC1

#C15F8B

#8BC15F

Split Complementary

#5F8BC1

#C1645F

#BCC15F

Tetradic

#5F8BC1

#C15FBC

#C1955F

#5FC164

Color Blindness Simulation

Original

#5F8BC1

Protanopia

#7272B4

Deuteranopia

#706CB1

Tritanopia

#61AAA7

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CCDAEB
300
#A7BFDD
400
#779CCA
500
#477AB8
600
#396193
700
#2E4E76
800
#243D5C
900
#1D2E44
950
#121D2B

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.95:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026