#338F91

#338F91

Color Values

HEX

#338F91

RGB

51, 143, 145

HSL

181.3, 48.0%, 38.4%

HSV

181.3, 64.8%, 56.9%

CMYK

64.8%, 1.4%, 0.0%, 43.1%

OKLCH

0.5975 0.085 197.2

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#338F91

#913533

Analogous

#339164

#336091

#338F91

Triadic

#338F91

#91338F

#8F9133

Split Complementary

#338F91

#913360

#916433

Tetradic

#338F91

#643391

#913533

#609133

Color Blindness Simulation

Original

#338F91

Protanopia

#5B5C91

Deuteranopia

#564F90

Tritanopia

#389090

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A4DEDF
400
#73CCCE
500
#42BABD
600
#359597
700
#2A7779
800
#215D5E
900
#1C4445
950
#112B2C

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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