#366995

#366995

Color Values

HEX

#366995

RGB

54, 105, 149

HSL

207.8, 46.8%, 39.8%

HSV

207.8, 63.8%, 58.4%

CMYK

63.8%, 29.5%, 0.0%, 41.6%

OKLCH

0.5056 0.0894 246.7

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#366995

#956236

Analogous

#369592

#363995

#366995

Triadic

#366995

#953669

#699536

Split Complementary

#366995

#953639

#959236

Tetradic

#366995

#923695

#956236

#399536

Color Blindness Simulation

Original

#366995

Protanopia

#4C4D8A

Deuteranopia

#494588

Tritanopia

#398280

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDDEC
300
#A5C4DE
400
#74A4CD
500
#4484BB
600
#366A96
700
#2B5478
800
#22425E
900
#1C3245
950
#12202B

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026