#338988

#338988

Color Values

HEX

#338988

RGB

51, 137, 136

HSL

179.3, 45.7%, 36.9%

HSV

179.3, 62.8%, 53.7%

CMYK

62.8%, 0.0%, 0.7%, 46.3%

OKLCH

0.5789 0.0811 194.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#338988

#893334

Analogous

#33895D

#335F89

#338988

Triadic

#338988

#883389

#898833

Split Complementary

#338988

#89335F

#895D33

Tetradic

#338988

#5D3389

#893334

#5F8933

Color Blindness Simulation

Original

#338988

Protanopia

#585988

Deuteranopia

#534D88

Tritanopia

#378888

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEB
300
#A6DEDD
400
#76CCCB
500
#45BAB8
600
#379594
700
#2C7776
800
#235D5C
900
#1D4444
950
#122B2B

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.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