#339E99

#339E99

Color Values

HEX

#339E99

RGB

51, 158, 153

HSL

177.2, 51.2%, 41.0%

HSV

177.2, 67.7%, 62.0%

CMYK

67.7%, 0.0%, 3.2%, 38.0%

OKLCH

0.6385 0.0953 190.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#339E99

#9E3338

Analogous

#339E64

#336E9E

#339E99

Triadic

#339E99

#99339E

#9E9933

Split Complementary

#339E99

#9E336E

#9E6433

Tetradic

#339E99

#64339E

#9E3338

#6E9E33

Color Blindness Simulation

Original

#339E99

Protanopia

#61629A

Deuteranopia

#5B539A

Tritanopia

#389B9B

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEC
300
#A2E1DE
400
#70D1CC
500
#3EC1BB
600
#329A95
700
#287B77
800
#1F605D
900
#1A4745
950
#102D2B

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026