#366792

#366792

Color Values

HEX

#366792

RGB

54, 103, 146

HSL

208.0, 46.0%, 39.2%

HSV

208.0, 63.0%, 57.3%

CMYK

63.0%, 29.5%, 0.0%, 42.7%

OKLCH

0.4992 0.0873 247.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#366792

#926136

Analogous

#36928F

#363992

#366792

Triadic

#366792

#923667

#679236

Split Complementary

#366792

#923639

#928F36

Tetradic

#366792

#8F3692

#926136

#399236

Color Blindness Simulation

Original

#366792

Protanopia

#4B4C88

Deuteranopia

#484585

Tritanopia

#387F7E

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEC
300
#A6C4DE
400
#75A4CC
500
#4583BA
600
#376995
700
#2C5477
800
#22425D
900
#1C3245
950
#121F2B

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

3.51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026