#339393

#339393

Color Values

HEX

#339393

RGB

51, 147, 147

HSL

180.0, 48.5%, 38.8%

HSV

180.0, 65.3%, 57.6%

CMYK

65.3%, 0.0%, 0.0%, 42.4%

OKLCH

0.6084 0.0877 195.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#339393

#933333

Analogous

#339363

#336393

#339393

Triadic

#339393

#933393

#939333

Split Complementary

#339393

#933363

#936333

Tetradic

#339393

#633393

#933333

#639333

Color Blindness Simulation

Original

#339393

Protanopia

#5D5D93

Deuteranopia

#575093

Tritanopia

#389393

Achromatopsia

#7F7F7F

CSS Usage

background-color: #339393;
color: #339393;
border-color: #339393;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E6F5F5
200
#CAEDED
300
#A4DFDF
400
#73CECE
500
#42BDBD
600
#359797
700
#2A7979
800
#215F5F
900
#1B4646
950
#112C2C

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass 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