#367D38

#367D38

Color Values

HEX

#367D38

RGB

54, 125, 56

HSL

121.7, 39.7%, 35.1%

HSV

121.7, 56.8%, 49.0%

CMYK

56.8%, 0.0%, 55.2%, 51.0%

OKLCH

0.5273 0.1253 144.0

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#367D38

#7D367B

Analogous

#577D36

#367D5C

#367D38

Triadic

#367D38

#38367D

#7D3836

Split Complementary

#367D38

#5C367D

#7D3657

Tetradic

#367D38

#36577D

#7D367B

#7D5C36

Color Blindness Simulation

Original

#367D38

Protanopia

#555549

Deuteranopia

#514B4D

Tritanopia

#3A5659

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDE9CE
300
#AADAAB
400
#7BC67D
500
#4DB250
600
#3E8E40
700
#317233
800
#265928
900
#1F4220
950
#142A14

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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