#348F70

#348F70

Color Values

HEX

#348F70

RGB

52, 143, 112

HSL

159.6, 46.7%, 38.2%

HSV

159.6, 63.6%, 56.1%

CMYK

63.6%, 0.0%, 21.7%, 43.9%

OKLCH

0.5872 0.0989 167.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#348F70

#8F3453

Analogous

#348F42

#34808F

#348F70

Triadic

#348F70

#70348F

#8F7034

Split Complementary

#348F70

#8F3480

#8F4234

Tetradic

#348F70

#42348F

#8F3453

#808F34

Color Blindness Simulation

Original

#348F70

Protanopia

#5B5C77

Deuteranopia

#564F79

Tritanopia

#397D7F

Achromatopsia

#797979

CSS Usage

background-color: #348F70;
color: #348F70;
border-color: #348F70;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECE1
300
#A5DECB
400
#75CDAF
500
#44BB93
600
#369675
700
#2B785E
800
#225E49
900
#1C4537
950
#122B23

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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