#376487

#376487

Color Values

HEX

#376487

RGB

55, 100, 135

HSL

206.2, 42.1%, 37.3%

HSV

206.2, 59.3%, 52.9%

CMYK

59.3%, 25.9%, 0.0%, 47.1%

OKLCH

0.4866 0.0753 243.7

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#376487

#875A37

Analogous

#378782

#373C87

#376487

Triadic

#376487

#873764

#648737

Split Complementary

#376487

#87373C

#878237

Tetradic

#376487

#823787

#875A37

#3C8737

Color Blindness Simulation

Original

#376487

Protanopia

#4A4B7F

Deuteranopia

#48447C

Tritanopia

#397876

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C5DC
400
#79A6C8
500
#4A86B5
600
#3B6B91
700
#2F5674
800
#25435B
900
#1E3343
950
#13202A

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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