#348F94

#348F94

Color Values

HEX

#348F94

RGB

52, 143, 148

HSL

183.1, 48.0%, 39.2%

HSV

183.1, 64.9%, 58.0%

CMYK

64.9%, 3.4%, 0.0%, 42.0%

OKLCH

0.5989 0.0846 200.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#348F94

#943934

Analogous

#349469

#345F94

#348F94

Triadic

#348F94

#94348F

#8F9434

Split Complementary

#348F94

#94345F

#946934

Tetradic

#348F94

#693494

#943934

#5F9434

Color Blindness Simulation

Original

#348F94

Protanopia

#5B5C93

Deuteranopia

#564F92

Tritanopia

#399292

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAEBEC
300
#A4DCDF
400
#73C9CE
500
#42B6BD
600
#359297
700
#2A7579
800
#215B5E
900
#1C4345
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

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