#367F34

#367F34

Color Values

HEX

#367F34

RGB

54, 127, 52

HSL

118.4, 41.9%, 35.1%

HSV

118.4, 59.1%, 49.8%

CMYK

57.5%, 0.0%, 59.1%, 50.2%

OKLCH

0.5322 0.1319 143.0

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#367F34

#7D347F

Analogous

#5C7F34

#347F58

#367F34

Triadic

#367F34

#34367F

#7F3436

Split Complementary

#367F34

#58347F

#7F345C

Tetradic

#367F34

#345C7F

#7D347F

#7F5834

Color Blindness Simulation

Original

#367F34

Protanopia

#565646

Deuteranopia

#514C4A

Tritanopia

#3A5458

Achromatopsia

#6A6A6A

CSS Usage

background-color: #367F34;
color: #367F34;
border-color: #367F34;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CDEACC
300
#AADBA8
400
#7BC879
500
#4DB54A
600
#3E913B
700
#31742F
800
#265A25
900
#1F431E
950
#142A13

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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