#376472

#376472

Color Values

HEX

#376472

RGB

55, 100, 114

HSL

194.2, 34.9%, 33.1%

HSV

194.2, 51.8%, 44.7%

CMYK

51.8%, 12.3%, 0.0%, 55.3%

OKLCH

0.4767 0.0544 220.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#376472

#724537

Analogous

#377262

#374672

#376472

Triadic

#376472

#723764

#647237

Split Complementary

#376472

#723746

#726237

Tetradic

#376472

#623772

#724537

#467237

Color Blindness Simulation

Original

#376472

Protanopia

#4A4B6F

Deuteranopia

#48446E

Tritanopia

#396C6B

Achromatopsia

#5B5B5B

CSS Usage

background-color: #376472;
color: #376472;
border-color: #376472;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE2E8
300
#ACCDD7
400
#80B2C2
500
#5397AC
600
#42798A
700
#35616E
800
#2A4B56
900
#213840
950
#152428

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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