#376292

#376292

Color Values

HEX

#376292

RGB

55, 98, 146

HSL

211.6, 45.3%, 39.4%

HSV

211.6, 62.3%, 57.3%

CMYK

62.3%, 32.9%, 0.0%, 42.7%

OKLCH

0.4876 0.0914 252.5

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#376292

#926737

Analogous

#379092

#393792

#376292

Triadic

#376292

#923762

#629237

Split Complementary

#376292

#923937

#909237

Tetradic

#376292

#923790

#926737

#379239

Color Blindness Simulation

Original

#376292

Protanopia

#4A4A86

Deuteranopia

#474484

Tritanopia

#397D7B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDAEB
300
#A6C0DE
400
#769ECB
500
#467CB9
600
#386494
700
#2D5077
800
#233E5D
900
#1D2F44
950
#121E2B

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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