#338F95

#338F95

Color Values

HEX

#338F95

RGB

51, 143, 149

HSL

183.7, 49.0%, 39.2%

HSV

183.7, 65.8%, 58.4%

CMYK

65.8%, 4.0%, 0.0%, 41.6%

OKLCH

0.599 0.0852 201.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338F95

#953933

Analogous

#33956A

#335E95

#338F95

Triadic

#338F95

#95338F

#8F9533

Split Complementary

#338F95

#95335E

#956A33

Tetradic

#338F95

#6A3395

#953933

#5E9533

Color Blindness Simulation

Original

#338F95

Protanopia

#5B5C94

Deuteranopia

#564F93

Tritanopia

#389292

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DCE0
400
#72C9CF
500
#41B6BE
600
#349298
700
#2A757A
800
#215B5F
900
#1B4346
950
#112A2C

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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