#366C9B

#366C9B

Color Values

HEX

#366C9B

RGB

54, 108, 155

HSL

207.9, 48.3%, 41.0%

HSV

207.9, 65.2%, 60.8%

CMYK

65.2%, 30.3%, 0.0%, 39.2%

OKLCH

0.516 0.0944 247.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#366C9B

#9B6536

Analogous

#369B98

#363A9B

#366C9B

Triadic

#366C9B

#9B366C

#6C9B36

Split Complementary

#366C9B

#9B363A

#9B9836

Tetradic

#366C9B

#98369B

#9B6536

#3A9B36

Color Blindness Simulation

Original

#366C9B

Protanopia

#4D4E90

Deuteranopia

#4A468D

Tritanopia

#398785

Achromatopsia

#646464

CSS Usage

background-color: #366C9B;
color: #366C9B;
border-color: #366C9B;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADDED
300
#A4C4DF
400
#73A4CE
500
#4284BD
600
#356997
700
#2A5479
800
#21425F
900
#1B3246
950
#11202C

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

3.78:1

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