#368C30

#368C30

Color Values

HEX

#368C30

RGB

54, 140, 48

HSL

116.1, 48.9%, 36.9%

HSV

116.1, 65.7%, 54.9%

CMYK

61.4%, 0.0%, 65.7%, 45.1%

OKLCH

0.5676 0.1529 142.2

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#368C30

#86308C

Analogous

#648C30

#308C58

#368C30

Triadic

#368C30

#30368C

#8C3036

Split Complementary

#368C30

#58308C

#8C3064

Tetradic

#368C30

#30648C

#86308C

#8C5830

Color Blindness Simulation

Original

#368C30

Protanopia

#5B5C46

Deuteranopia

#56504C

Tritanopia

#3A585C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDCA
300
#A8E0A4
400
#79CF73
500
#49BE41
600
#3B9834
700
#2F7A2A
800
#255F21
900
#1E461B
950
#132C11

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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