#338989

#338989

Color Values

HEX

#338989

RGB

51, 137, 137

HSL

180.0, 45.7%, 36.9%

HSV

180.0, 62.8%, 53.7%

CMYK

62.8%, 0.0%, 0.0%, 46.3%

OKLCH

0.5792 0.081 195.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#338989

#893333

Analogous

#33895E

#335E89

#338989

Triadic

#338989

#893389

#898933

Split Complementary

#338989

#89335E

#895E33

Tetradic

#338989

#5E3389

#893333

#5E8933

Color Blindness Simulation

Original

#338989

Protanopia

#585989

Deuteranopia

#534D89

Tritanopia

#378989

Achromatopsia

#777777

CSS Usage

background-color: #338989;
color: #338989;
border-color: #338989;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEC
300
#A6DEDE
400
#76CCCC
500
#45BABA
600
#379595
700
#2C7777
800
#235D5D
900
#1D4444
950
#122B2B

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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