#366587

#366587

Color Values

HEX

#366587

RGB

54, 101, 135

HSL

205.2, 42.9%, 37.1%

HSV

205.2, 60.0%, 52.9%

CMYK

60.0%, 25.2%, 0.0%, 47.1%

OKLCH

0.4886 0.0752 241.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#366587

#875836

Analogous

#368781

#363D87

#366587

Triadic

#366587

#873665

#658736

Split Complementary

#366587

#87363D

#878136

Tetradic

#366587

#813687

#875836

#3D8736

Color Blindness Simulation

Original

#366587

Protanopia

#4A4B7F

Deuteranopia

#48447D

Tritanopia

#387877

Achromatopsia

#5D5D5D

CSS Usage

background-color: #366587;
color: #366587;
border-color: #366587;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEB
300
#A8C6DC
400
#78A7C9
500
#4988B6
600
#3A6D92
700
#2F5775
800
#24445B
900
#1E3343
950
#13202A

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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