#358E2F

#358E2F

Color Values

HEX

#358E2F

RGB

53, 142, 47

HSL

116.2, 50.3%, 37.1%

HSV

116.2, 66.9%, 55.7%

CMYK

62.7%, 0.0%, 66.9%, 44.3%

OKLCH

0.5727 0.1567 142.3

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#358E2F

#882F8E

Analogous

#658E2F

#2F8E59

#358E2F

Triadic

#358E2F

#2F358E

#8E2F35

Split Complementary

#358E2F

#592F8E

#8E2F65

Tetradic

#358E2F

#2F658E

#882F8E

#8E592F

Color Blindness Simulation

Original

#358E2F

Protanopia

#5C5C46

Deuteranopia

#56504C

Tritanopia

#39585C

Achromatopsia

#747474

CSS Usage

background-color: #358E2F;
color: #358E2F;
border-color: #358E2F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CCEDC9
300
#A7E1A3
400
#77D071
500
#47C03F
600
#399933
700
#2E7B29
800
#246020
900
#1D461B
950
#132C11

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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