#376969

#376969

Color Values

HEX

#376969

RGB

55, 105, 105

HSL

180.0, 31.2%, 31.4%

HSV

180.0, 47.6%, 41.2%

CMYK

47.6%, 0.0%, 0.0%, 58.8%

OKLCH

0.486 0.0541 195.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#376969

#693737

Analogous

#376950

#375069

#376969

Triadic

#376969

#693769

#696937

Split Complementary

#376969

#693750

#695037

Tetradic

#376969

#503769

#693737

#506937

Color Blindness Simulation

Original

#376969

Protanopia

#4D4D69

Deuteranopia

#4A4669

Tritanopia

#3A6969

Achromatopsia

#5E5E5E

CSS Usage

background-color: #376969;
color: #376969;
border-color: #376969;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD5D5
400
#83BEBE
500
#58A7A7
600
#468686
700
#386B6B
800
#2C5454
900
#233E3E
950
#162727

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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