#348789

#348789

Color Values

HEX

#348789

RGB

52, 135, 137

HSL

181.4, 45.0%, 37.1%

HSV

181.4, 62.0%, 53.7%

CMYK

62.0%, 1.5%, 0.0%, 46.3%

OKLCH

0.5744 0.079 197.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#348789

#893634

Analogous

#348961

#345D89

#348789

Triadic

#348789

#893487

#878934

Split Complementary

#348789

#89345D

#896134

Tetradic

#348789

#613489

#893634

#5D8934

Color Blindness Simulation

Original

#348789

Protanopia

#585989

Deuteranopia

#534D88

Tritanopia

#388888

Achromatopsia

#757575

CSS Usage

background-color: #348789;
color: #348789;
border-color: #348789;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEB
300
#A6DCDD
400
#76C9CB
500
#46B6B9
600
#389294
700
#2D7576
800
#235B5C
900
#1D4344
950
#122A2B

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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