#336C6C

#336C6C

Color Values

HEX

#336C6C

RGB

51, 108, 108

HSL

180.0, 35.8%, 31.2%

HSV

180.0, 52.8%, 42.4%

CMYK

52.8%, 0.0%, 0.0%, 57.6%

OKLCH

0.4932 0.0598 195.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#336C6C

#6C3333

Analogous

#336C50

#33506C

#336C6C

Triadic

#336C6C

#6C336C

#6C6C33

Split Complementary

#336C6C

#6C3350

#6C5033

Tetradic

#336C6C

#50336C

#6C3333

#506C33

Color Blindness Simulation

Original

#336C6C

Protanopia

#4C4C6C

Deuteranopia

#48446C

Tritanopia

#366C6C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F3F3
200
#CFE8E8
300
#ACD8D8
400
#7FC2C2
500
#52ADAD
600
#418B8B
700
#346F6F
800
#295757
900
#214040
950
#152828

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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