#339168

#339168

Color Values

HEX

#339168

RGB

51, 145, 104

HSL

153.8, 48.0%, 38.4%

HSV

153.8, 64.8%, 56.9%

CMYK

64.8%, 0.0%, 28.3%, 43.1%

OKLCH

0.5901 0.109 161.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#339168

#91335C

Analogous

#339139

#338B91

#339168

Triadic

#339168

#683391

#916833

Split Complementary

#339168

#91338B

#913933

Tetradic

#339168

#393391

#91335C

#8B9133

Color Blindness Simulation

Original

#339168

Protanopia

#5C5D72

Deuteranopia

#564F74

Tritanopia

#387A7B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #339168;
color: #339168;
border-color: #339168;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CAECDD
300
#A4DFC6
400
#73CEA6
500
#42BD87
600
#35976C
700
#2A7957
800
#215E44
900
#1C4533
950
#112C20

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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