#338F93

#338F93

Color Values

HEX

#338F93

RGB

51, 143, 147

HSL

182.5, 48.5%, 38.8%

HSV

182.5, 65.3%, 57.6%

CMYK

65.3%, 2.7%, 0.0%, 42.4%

OKLCH

0.5982 0.085 199.2

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#338F93

#933733

Analogous

#339367

#335F93

#338F93

Triadic

#338F93

#93338F

#8F9333

Split Complementary

#338F93

#93335F

#936733

Tetradic

#338F93

#673393

#933733

#5F9333

Color Blindness Simulation

Original

#338F93

Protanopia

#5B5C92

Deuteranopia

#564F92

Tritanopia

#389191

Achromatopsia

#7C7C7C

CSS Usage

background-color: #338F93;
color: #338F93;
border-color: #338F93;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DDDF
400
#73CBCE
500
#42B8BD
600
#359397
700
#2A7679
800
#215C5F
900
#1B4446
950
#112B2C

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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