#339193

#339193

Color Values

HEX

#339193

RGB

51, 145, 147

HSL

181.2, 48.5%, 38.8%

HSV

181.2, 65.3%, 57.6%

CMYK

65.3%, 1.4%, 0.0%, 42.4%

OKLCH

0.6033 0.0863 197.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#339193

#933533

Analogous

#339365

#336193

#339193

Triadic

#339193

#933391

#919333

Split Complementary

#339193

#933361

#936533

Tetradic

#339193

#653393

#933533

#619333

Color Blindness Simulation

Original

#339193

Protanopia

#5C5D93

Deuteranopia

#564F92

Tritanopia

#389292

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAECED
300
#A4DEDF
400
#73CDCE
500
#42BBBD
600
#359597
700
#2A7879
800
#215D5F
900
#1B4546
950
#112B2C

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026