#367D40

#367D40

Color Values

HEX

#367D40

RGB

54, 125, 64

HSL

128.5, 39.7%, 35.1%

HSV

128.5, 56.8%, 49.0%

CMYK

56.8%, 0.0%, 48.8%, 51.0%

OKLCH

0.5286 0.1174 146.5

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#367D40

#7D3673

Analogous

#4F7D36

#367D64

#367D40

Triadic

#367D40

#40367D

#7D4036

Split Complementary

#367D40

#64367D

#7D364F

Tetradic

#367D40

#364F7D

#7D3673

#7D6436

Color Blindness Simulation

Original

#367D40

Protanopia

#55554F

Deuteranopia

#514B52

Tritanopia

#3A5A5D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CDE9D1
300
#AADAB0
400
#7BC686
500
#4DB25B
600
#3E8E49
700
#31723A
800
#26592E
900
#1F4224
950
#142A17

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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