#376799

#376799

Color Values

HEX

#376799

RGB

55, 103, 153

HSL

210.6, 47.1%, 40.8%

HSV

210.6, 64.1%, 60.0%

CMYK

64.1%, 32.7%, 0.0%, 40.0%

OKLCH

0.5035 0.0959 251.1

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#376799

#996937

Analogous

#379899

#383799

#376799

Triadic

#376799

#993767

#679937

Split Complementary

#376799

#993837

#989937

Tetradic

#376799

#993798

#996937

#379938

Color Blindness Simulation

Original

#376799

Protanopia

#4C4C8D

Deuteranopia

#49458A

Tritanopia

#398381

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CADBEC
300
#A5C1DF
400
#74A0CD
500
#437EBC
600
#366596
700
#2B5178
800
#223F5E
900
#1C3045
950
#121E2C

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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