#338F94

#338F94

Color Values

HEX

#338F94

RGB

51, 143, 148

HSL

183.1, 48.7%, 39.0%

HSV

183.1, 65.5%, 58.0%

CMYK

65.5%, 3.4%, 0.0%, 42.0%

OKLCH

0.5986 0.0851 200.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338F94

#943833

Analogous

#339468

#335E94

#338F94

Triadic

#338F94

#94338F

#8F9433

Split Complementary

#338F94

#94335E

#946833

Tetradic

#338F94

#683394

#943833

#5E9433

Color Blindness Simulation

Original

#338F94

Protanopia

#5B5C93

Deuteranopia

#564F92

Tritanopia

#389292

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DDE0
400
#73CACF
500
#41B7BE
600
#349398
700
#2A7579
800
#215C5F
900
#1B4346
950
#112B2C

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026