#356D12

#356D12

Color Values

HEX

#356D12

RGB

53, 109, 18

HSL

96.9, 71.7%, 24.9%

HSV

96.9, 83.5%, 42.7%

CMYK

51.4%, 0.0%, 83.5%, 57.3%

OKLCH

0.4781 0.1332 136.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#356D12

#4A126D

Analogous

#636D12

#126D1C

#356D12

Triadic

#356D12

#12356D

#6D1235

Split Complementary

#356D12

#1C126D

#6D1263

Tetradic

#356D12

#12636D

#4A126D

#6D1C12

Color Blindness Simulation

Original

#356D12

Protanopia

#4D4E28

Deuteranopia

#4A462D

Tritanopia

#38393D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #356D12;
color: #356D12;
border-color: #356D12;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D5F5C2
300
#B8EE96
400
#91E45D
500
#6ADB24
600
#55AF1D
700
#448C17
800
#356D12
900
#295011
950
#1A320B

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026