#34794F

#34794F

Color Values

HEX

#34794F

RGB

52, 121, 79

HSL

143.5, 39.9%, 33.9%

HSV

143.5, 57.0%, 47.5%

CMYK

57.0%, 0.0%, 34.7%, 52.5%

OKLCH

0.5198 0.0969 154.4

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#34794F

#79345E

Analogous

#3B7934

#347971

#34794F

Triadic

#34794F

#4F3479

#794F34

Split Complementary

#34794F

#713479

#79343B

Tetradic

#34794F

#343B79

#79345E

#797134

Color Blindness Simulation

Original

#34794F

Protanopia

#525259

Deuteranopia

#4E495C

Tritanopia

#376163

Achromatopsia

#676767

CSS Usage

background-color: #34794F;
color: #34794F;
border-color: #34794F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD8
300
#A9DABD
400
#7BC698
500
#4DB274
600
#3D8F5D
700
#31724B
800
#26593A
900
#1F422D
950
#142A1C

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026