#336D28

#336D28

Color Values

HEX

#336D28

RGB

51, 109, 40

HSL

110.4, 46.3%, 29.2%

HSV

110.4, 63.3%, 42.7%

CMYK

53.2%, 0.0%, 63.3%, 57.3%

OKLCH

0.4792 0.1186 140.6

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#336D28

#62286D

Analogous

#556D28

#286D3F

#336D28

Triadic

#336D28

#28336D

#6D2833

Split Complementary

#336D28

#3F286D

#6D2855

Tetradic

#336D28

#28556D

#62286D

#6D3F28

Color Blindness Simulation

Original

#336D28

Protanopia

#4C4D39

Deuteranopia

#49443D

Tritanopia

#364649

Achromatopsia

#5C5C5C

CSS Usage

background-color: #336D28;
color: #336D28;
border-color: #336D28;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#D0ECCB
300
#AFDEA5
400
#83CC75
500
#57BB44
600
#469537
700
#38772C
800
#2C5D22
900
#23451C
950
#162B12

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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