#367B30

#367B30

Color Values

HEX

#367B30

RGB

54, 123, 48

HSL

115.2, 43.9%, 33.5%

HSV

115.2, 61.0%, 48.2%

CMYK

56.1%, 0.0%, 61.0%, 51.8%

OKLCH

0.5206 0.1299 142.1

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#367B30

#75307B

Analogous

#5B7B30

#307B4F

#367B30

Triadic

#367B30

#30367B

#7B3036

Split Complementary

#367B30

#4F307B

#7B305B

Tetradic

#367B30

#305B7B

#75307B

#7B4F30

Color Blindness Simulation

Original

#367B30

Protanopia

#545442

Deuteranopia

#504B46

Tritanopia

#395054

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#CEEBCC
300
#ABDDA7
400
#7ECA77
500
#50B748
600
#409339
700
#34752E
800
#285C24
900
#20441D
950
#142B13

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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