#347153

#347153

Color Values

HEX

#347153

RGB

52, 113, 83

HSL

150.5, 37.0%, 32.4%

HSV

150.5, 54.0%, 44.3%

CMYK

54.0%, 0.0%, 26.5%, 55.7%

OKLCH

0.499 0.0804 160.0

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#347153

#713452

Analogous

#347135

#347171

#347153

Triadic

#347153

#533471

#715334

Split Complementary

#347153

#713471

#713534

Tetradic

#347153

#353471

#713452

#717134

Color Blindness Simulation

Original

#347153

Protanopia

#4E4F5A

Deuteranopia

#4B465C

Tritanopia

#376061

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE9DC
300
#ABD8C2
400
#7EC4A1
500
#50AF80
600
#408C67
700
#337052
800
#285740
900
#204131
950
#14291F

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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