#369C41

#369C41

Color Values

HEX

#369C41

RGB

54, 156, 65

HSL

126.5, 48.6%, 41.2%

HSV

126.5, 65.4%, 61.2%

CMYK

65.4%, 0.0%, 58.3%, 38.8%

OKLCH

0.6133 0.1598 145.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#369C41

#9C3691

Analogous

#5E9C36

#369C74

#369C41

Triadic

#369C41

#41369C

#9C4136

Split Complementary

#369C41

#74369C

#9C365E

Tetradic

#369C41

#365E9C

#9C3691

#9C7436

Color Blindness Simulation

Original

#369C41

Protanopia

#626357

Deuteranopia

#5C555C

Tritanopia

#3B686C

Achromatopsia

#808080

CSS Usage

background-color: #369C41;
color: #369C41;
border-color: #369C41;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#CAEDCE
300
#A4E0AB
400
#73CF7D
500
#42BD4F
600
#34983F
700
#2A7933
800
#215F27
900
#1B4620
950
#112C14

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026