#346F65

#346F65

Color Values

HEX

#346F65

RGB

52, 111, 101

HSL

169.8, 36.2%, 32.0%

HSV

169.8, 53.2%, 43.5%

CMYK

53.2%, 0.0%, 9.0%, 56.5%

OKLCH

0.499 0.064 181.1

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#346F65

#6F343E

Analogous

#346F48

#345C6F

#346F65

Triadic

#346F65

#65346F

#6F6534

Split Complementary

#346F65

#6F345C

#6F4834

Tetradic

#346F65

#48346F

#6F343E

#5C6F34

Color Blindness Simulation

Original

#346F65

Protanopia

#4E4E67

Deuteranopia

#4A4668

Tritanopia

#37696A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E4
300
#ACD8D0
400
#7EC3B7
500
#51AE9E
600
#418B7E
700
#346F65
800
#29574F
900
#21403B
950
#152925

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

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