#338D99

#338D99

Color Values

HEX

#338D99

RGB

51, 141, 153

HSL

187.1, 50.0%, 40.0%

HSV

187.1, 66.7%, 60.0%

CMYK

66.7%, 7.8%, 0.0%, 40.0%

OKLCH

0.5955 0.0851 207.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338D99

#993F33

Analogous

#339972

#335A99

#338D99

Triadic

#338D99

#99338D

#8D9933

Split Complementary

#338D99

#99335A

#997233

Tetradic

#338D99

#723399

#993F33

#5A9933

Color Blindness Simulation

Original

#338D99

Protanopia

#5A5B96

Deuteranopia

#554E95

Tritanopia

#389493

Achromatopsia

#7B7B7B

CSS Usage

background-color: #338D99;
color: #338D99;
border-color: #338D99;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E9ED
300
#A3D9E0
400
#71C5D0
500
#40B0BF
600
#338D99
700
#29717A
800
#205860
900
#1B4146
950
#11292C

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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