#338D95

#338D95

Color Values

HEX

#338D95

RGB

51, 141, 149

HSL

184.9, 49.0%, 39.2%

HSV

184.9, 65.8%, 58.4%

CMYK

65.8%, 5.4%, 0.0%, 41.6%

OKLCH

0.5939 0.0842 203.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338D95

#953B33

Analogous

#33956C

#335C95

#338D95

Triadic

#338D95

#95338D

#8D9533

Split Complementary

#338D95

#95335C

#956C33

Tetradic

#338D95

#6C3395

#953B33

#5C9533

Color Blindness Simulation

Original

#338D95

Protanopia

#5A5B93

Deuteranopia

#554E93

Tritanopia

#389291

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAEAED
300
#A4DBE0
400
#72C7CF
500
#41B4BE
600
#349098
700
#2A737A
800
#215A5F
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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