#339895

#339895

Color Values

HEX

#339895

RGB

51, 152, 149

HSL

178.2, 49.8%, 39.8%

HSV

178.2, 66.4%, 59.6%

CMYK

66.4%, 0.0%, 2.0%, 40.4%

OKLCH

0.6219 0.0912 192.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#339895

#983336

Analogous

#339862

#336998

#339895

Triadic

#339895

#953398

#989533

Split Complementary

#339895

#983369

#986233

Tetradic

#339895

#623398

#983336

#699833

Color Blindness Simulation

Original

#339895

Protanopia

#5F6096

Deuteranopia

#595196

Tritanopia

#389696

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEC
300
#A3E0DE
400
#72D0CD
500
#40BFBB
600
#339996
700
#297A78
800
#205F5E
900
#1B4645
950
#112C2B

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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