#367D55

#367D55

Color Values

HEX

#367D55

RGB

54, 125, 85

HSL

146.2, 39.7%, 35.1%

HSV

146.2, 56.8%, 49.0%

CMYK

56.8%, 0.0%, 32.0%, 51.0%

OKLCH

0.5329 0.0959 156.3

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#367D55

#7D365E

Analogous

#3A7D36

#367D79

#367D55

Triadic

#367D55

#55367D

#7D5536

Split Complementary

#367D55

#79367D

#7D363A

Tetradic

#367D55

#363A7D

#7D365E

#7D7936

Color Blindness Simulation

Original

#367D55

Protanopia

#55555F

Deuteranopia

#514B61

Tritanopia

#3A6668

Achromatopsia

#6B6B6B

CSS Usage

background-color: #367D55;
color: #367D55;
border-color: #367D55;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDE9DA
300
#AADABF
400
#7BC69C
500
#4DB279
600
#3E8E61
700
#31724D
800
#26593D
900
#1F422E
950
#142A1D

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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