#346E53

#346E53

Color Values

HEX

#346E53

RGB

52, 110, 83

HSL

152.1, 35.8%, 31.8%

HSV

152.1, 52.7%, 43.1%

CMYK

52.7%, 0.0%, 24.5%, 56.9%

OKLCH

0.4909 0.0757 161.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#346E53

#6E344F

Analogous

#346E36

#346C6E

#346E53

Triadic

#346E53

#53346E

#6E5334

Split Complementary

#346E53

#6E346C

#6E3634

Tetradic

#346E53

#36346E

#6E344F

#6C6E34

Color Blindness Simulation

Original

#346E53

Protanopia

#4D4E5A

Deuteranopia

#4A455B

Tritanopia

#375F60

Achromatopsia

#606060

CSS Usage

background-color: #346E53;
color: #346E53;
border-color: #346E53;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CFE8DC
300
#ACD8C3
400
#7FC2A3
500
#52AD83
600
#418B69
700
#346F54
800
#295741
900
#214032
950
#15281F

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026