#338D93

#338D93

Color Values

HEX

#338D93

RGB

51, 141, 147

HSL

183.8, 48.5%, 38.8%

HSV

183.8, 65.3%, 57.6%

CMYK

65.3%, 4.1%, 0.0%, 42.4%

OKLCH

0.5932 0.0839 201.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338D93

#933933

Analogous

#339369

#335D93

#338D93

Triadic

#338D93

#93338D

#8D9333

Split Complementary

#338D93

#93335D

#936933

Tetradic

#338D93

#693393

#933933

#5D9333

Color Blindness Simulation

Original

#338D93

Protanopia

#5A5B92

Deuteranopia

#554E91

Tritanopia

#389090

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEAED
300
#A4DCDF
400
#73C9CE
500
#42B6BD
600
#359197
700
#2A7479
800
#215B5F
900
#1B4346
950
#112A2C

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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