#338D84

#338D84

Color Values

HEX

#338D84

RGB

51, 141, 132

HSL

174.0, 46.9%, 37.6%

HSV

174.0, 63.8%, 55.3%

CMYK

63.8%, 0.0%, 6.4%, 44.7%

OKLCH

0.5878 0.0855 185.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#338D84

#8D333C

Analogous

#338D57

#33698D

#338D84

Triadic

#338D84

#84338D

#8D8433

Split Complementary

#338D84

#8D3369

#8D5733

Tetradic

#338D84

#57338D

#8D333C

#698D33

Color Blindness Simulation

Original

#338D84

Protanopia

#5A5B86

Deuteranopia

#554E87

Tritanopia

#388888

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A5DFD9
400
#74CDC4
500
#44BBAF
600
#36968C
700
#2B7870
800
#225E58
900
#1C4541
950
#122C29

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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