#348C61

#348C61

Color Values

HEX

#348C61

RGB

52, 140, 97

HSL

150.7, 45.8%, 37.6%

HSV

150.7, 62.9%, 54.9%

CMYK

62.9%, 0.0%, 30.7%, 45.1%

OKLCH

0.5754 0.1078 158.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#348C61

#8C345F

Analogous

#348C35

#348B8C

#348C61

Triadic

#348C61

#61348C

#8C6134

Split Complementary

#348C61

#8C348B

#8C3534

Tetradic

#348C61

#35348C

#8C345F

#8B8C34

Color Blindness Simulation

Original

#348C61

Protanopia

#5A5B6B

Deuteranopia

#554E6E

Tritanopia

#387475

Achromatopsia

#767676

CSS Usage

background-color: #348C61;
color: #348C61;
border-color: #348C61;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBECDC
300
#A6DEC2
400
#75CCA2
500
#45BA81
600
#379567
700
#2C7752
800
#235D40
900
#1C4431
950
#122B1F

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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