#347360

#347360

Color Values

HEX

#347360

RGB

52, 115, 96

HSL

161.9, 37.7%, 32.7%

HSV

161.9, 54.8%, 45.1%

CMYK

54.8%, 0.0%, 16.5%, 54.9%

OKLCH

0.5081 0.0723 171.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#347360

#733447

Analogous

#347340

#346673

#347360

Triadic

#347360

#603473

#736034

Split Complementary

#347360

#733466

#734034

Tetradic

#347360

#403473

#733447

#667334

Color Blindness Simulation

Original

#347360

Protanopia

#4F5065

Deuteranopia

#4C4766

Tritanopia

#376869

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9E1
300
#ABD9CB
400
#7DC4AF
500
#4FB093
600
#408C75
700
#33705E
800
#285849
900
#204137
950
#142923

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

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