#336C27

#336C27

Color Values

HEX

#336C27

RGB

51, 108, 39

HSL

109.6, 46.9%, 28.8%

HSV

109.6, 63.9%, 42.4%

CMYK

52.8%, 0.0%, 63.9%, 57.6%

OKLCH

0.4762 0.118 140.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#336C27

#60276C

Analogous

#556C27

#276C3D

#336C27

Triadic

#336C27

#27336C

#6C2733

Split Complementary

#336C27

#3D276C

#6C2755

Tetradic

#336C27

#27556C

#60276C

#6C3D27

Color Blindness Simulation

Original

#336C27

Protanopia

#4C4C38

Deuteranopia

#48443C

Tritanopia

#364548

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E9F4E6
200
#D0ECCB
300
#AFDFA5
400
#84CD74
500
#58BB44
600
#479636
700
#39782B
800
#2C5E22
900
#23451C
950
#162C12

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026