#369240

#369240

Color Values

HEX

#369240

RGB

54, 146, 64

HSL

126.5, 46.0%, 39.2%

HSV

126.5, 63.0%, 57.3%

CMYK

63.0%, 0.0%, 56.2%, 42.7%

OKLCH

0.586 0.1473 145.3

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#369240

#923688

Analogous

#5A9236

#36926E

#369240

Triadic

#369240

#403692

#924036

Split Complementary

#369240

#6E3692

#92365A

Tetradic

#369240

#365A92

#923688

#926E36

Color Blindness Simulation

Original

#369240

Protanopia

#5E5F54

Deuteranopia

#585259

Tritanopia

#3B6467

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBECCE
300
#A6DEAC
400
#75CC7F
500
#45BA52
600
#379541
700
#2C7734
800
#225D29
900
#1C4521
950
#122B15

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass 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