#339294

#339294

Color Values

HEX

#339294

RGB

51, 146, 148

HSL

181.2, 48.7%, 39.0%

HSV

181.2, 65.5%, 58.0%

CMYK

65.5%, 1.4%, 0.0%, 42.0%

OKLCH

0.6062 0.0869 197.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#339294

#943533

Analogous

#339465

#336294

#339294

Triadic

#339294

#943392

#929433

Split Complementary

#339294

#943362

#946533

Tetradic

#339294

#653394

#943533

#629433

Color Blindness Simulation

Original

#339294

Protanopia

#5C5D94

Deuteranopia

#575093

Tritanopia

#389393

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAECED
300
#A4DEE0
400
#73CDCF
500
#41BBBE
600
#349698
700
#2A7879
800
#215E5F
900
#1B4546
950
#112B2C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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