#336261

#336261

Color Values

HEX

#336261

RGB

51, 98, 97

HSL

178.7, 31.5%, 29.2%

HSV

178.7, 48.0%, 38.4%

CMYK

48.0%, 0.0%, 1.0%, 61.6%

OKLCH

0.4627 0.0515 193.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#336261

#623334

Analogous

#336249

#334B62

#336261

Triadic

#336261

#613362

#626133

Split Complementary

#336261

#62334B

#624933

Tetradic

#336261

#493362

#623334

#4B6233

Color Blindness Simulation

Original

#336261

Protanopia

#474861

Deuteranopia

#454161

Tritanopia

#356161

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E7E6
300
#AFD5D4
400
#83BEBD
500
#57A8A6
600
#468685
700
#386B6A
800
#2C5453
900
#233E3E
950
#162727

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

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