#366162

#366162

Color Values

HEX

#366162

RGB

54, 97, 98

HSL

181.4, 28.9%, 29.8%

HSV

181.4, 44.9%, 38.4%

CMYK

44.9%, 1.0%, 0.0%, 61.6%

OKLCH

0.4619 0.0479 197.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#366162

#623736

Analogous

#36624D

#364B62

#366162

Triadic

#366162

#623661

#616236

Split Complementary

#366162

#62364B

#624D36

Tetradic

#366162

#4D3662

#623736

#4B6236

Color Blindness Simulation

Original

#366162

Protanopia

#494962

Deuteranopia

#464362

Tritanopia

#386262

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#B0D3D3
400
#85BBBC
500
#5BA3A4
600
#498283
700
#3A6869
800
#2D5152
900
#243C3D
950
#172627

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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