#37696C

#37696C

Color Values

HEX

#37696C

RGB

55, 105, 108

HSL

183.4, 32.5%, 32.0%

HSV

183.4, 49.1%, 42.4%

CMYK

49.1%, 2.8%, 0.0%, 57.6%

OKLCH

0.4872 0.0542 200.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#37696C

#6C3A37

Analogous

#376C55

#374F6C

#37696C

Triadic

#37696C

#6C3769

#696C37

Split Complementary

#37696C

#6C374F

#6C5537

Tetradic

#37696C

#55376C

#6C3A37

#4F6C37

Color Blindness Simulation

Original

#37696C

Protanopia

#4D4D6B

Deuteranopia

#4A466B

Tritanopia

#3A6B6B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E7
300
#AED3D6
400
#82BCBF
500
#56A4A9
600
#458387
700
#37696C
800
#2B5254
900
#223D3F
950
#162728

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026