#358C2F

#358C2F

Color Values

HEX

#358C2F

RGB

53, 140, 47

HSL

116.1, 49.7%, 36.7%

HSV

116.1, 66.4%, 54.9%

CMYK

62.1%, 0.0%, 66.4%, 45.1%

OKLCH

0.5672 0.1541 142.2

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#358C2F

#862F8C

Analogous

#648C2F

#2F8C58

#358C2F

Triadic

#358C2F

#2F358C

#8C2F35

Split Complementary

#358C2F

#582F8C

#8C2F64

Tetradic

#358C2F

#2F648C

#862F8C

#8C582F

Color Blindness Simulation

Original

#358C2F

Protanopia

#5B5B45

Deuteranopia

#564F4B

Tritanopia

#39575B

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDCA
300
#A7E0A3
400
#78D072
500
#48BF40
600
#3A9933
700
#2E7A29
800
#245F20
900
#1E461B
950
#132C11

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026