#348E60

#348E60

Color Values

HEX

#348E60

RGB

52, 142, 96

HSL

149.3, 46.4%, 38.0%

HSV

149.3, 63.4%, 55.7%

CMYK

63.4%, 0.0%, 32.4%, 44.3%

OKLCH

0.5805 0.1116 157.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#348E60

#8E3462

Analogous

#358E34

#348E8D

#348E60

Triadic

#348E60

#60348E

#8E6034

Split Complementary

#348E60

#8D348E

#8E3435

Tetradic

#348E60

#34358E

#8E3462

#8E8D34

Color Blindness Simulation

Original

#348E60

Protanopia

#5B5C6B

Deuteranopia

#564F6E

Tritanopia

#387476

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBECDB
300
#A5DEC1
400
#75CCA0
500
#44BB7E
600
#379565
700
#2C7751
800
#225D3F
900
#1C4530
950
#122B1E

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026