#356D06

#356D06

Color Values

HEX

#356D06

RGB

53, 109, 6

HSL

92.6, 89.6%, 22.5%

HSV

92.6, 94.5%, 42.7%

CMYK

51.4%, 0.0%, 94.5%, 57.3%

OKLCH

0.4775 0.1381 135.7

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#356D06

#3E066D

Analogous

#686D06

#066D0A

#356D06

Triadic

#356D06

#06356D

#6D0635

Split Complementary

#356D06

#0A066D

#6D0668

Tetradic

#356D06

#06686D

#3E066D

#6D0A06

Color Blindness Simulation

Original

#356D06

Protanopia

#4D4E1F

Deuteranopia

#4A4625

Tritanopia

#383337

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFBE0
200
#D9FBBB
300
#BDF98B
400
#99F54C
500
#76F20D
600
#5EC10B
700
#4B9B08
800
#3B7907
900
#2D5809
950
#1C3706

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

3.34:1

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