#339987

#339987

Color Values

HEX

#339987

RGB

51, 153, 135

HSL

169.4, 50.0%, 40.0%

HSV

169.4, 66.7%, 60.0%

CMYK

66.7%, 0.0%, 11.8%, 40.0%

OKLCH

0.6198 0.0968 178.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#339987

#993345

Analogous

#339954

#337899

#339987

Triadic

#339987

#873399

#998733

Split Complementary

#339987

#993378

#995433

Tetradic

#339987

#543399

#993345

#789933

Color Blindness Simulation

Original

#339987

Protanopia

#5F608B

Deuteranopia

#59528C

Tritanopia

#388F90

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E6F5F2
200
#C9EDE7
300
#A3E0D6
400
#71D0BF
500
#40BFA9
600
#339987
700
#297A6C
800
#206054
900
#1B463F
950
#112C28

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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