#367A3D

#367A3D

Color Values

HEX

#367A3D

RGB

54, 122, 61

HSL

126.2, 38.6%, 34.5%

HSV

126.2, 55.7%, 47.8%

CMYK

55.7%, 0.0%, 50.0%, 52.2%

OKLCH

0.5198 0.1159 145.7

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#367A3D

#7A3673

Analogous

#517A36

#367A5F

#367A3D

Triadic

#367A3D

#3D367A

#7A3D36

Split Complementary

#367A3D

#5F367A

#7A3651

Tetradic

#367A3D

#36517A

#7A3673

#7A5F36

Color Blindness Simulation

Original

#367A3D

Protanopia

#53544C

Deuteranopia

#504A4F

Tritanopia

#39575A

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D0
300
#AAD9AF
400
#7CC584
500
#4EB158
600
#3F8D47
700
#327139
800
#27582C
900
#204123
950
#142916

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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