#346F63

#346F63

Color Values

HEX

#346F63

RGB

52, 111, 99

HSL

167.8, 36.2%, 32.0%

HSV

167.8, 53.2%, 43.5%

CMYK

53.2%, 0.0%, 10.8%, 56.5%

OKLCH

0.4984 0.065 178.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#346F63

#6F3440

Analogous

#346F46

#345E6F

#346F63

Triadic

#346F63

#63346F

#6F6334

Split Complementary

#346F63

#6F345E

#6F4634

Tetradic

#346F63

#46346F

#6F3440

#5E6F34

Color Blindness Simulation

Original

#346F63

Protanopia

#4E4E66

Deuteranopia

#4A4667

Tritanopia

#376869

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CEE8E3
300
#ACD8CF
400
#7EC3B5
500
#51AE9B
600
#418B7C
700
#346F63
800
#29574D
900
#21403A
950
#152925

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail 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