#336C07

#336C07

Color Values

HEX

#336C07

RGB

51, 108, 7

HSL

93.9, 87.8%, 22.5%

HSV

93.9, 93.5%, 42.4%

CMYK

52.8%, 0.0%, 93.5%, 57.6%

OKLCH

0.4738 0.1376 136.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336C07

#40076C

Analogous

#656C07

#076C0E

#336C07

Triadic

#336C07

#07336C

#6C0733

Split Complementary

#336C07

#0E076C

#6C0765

Tetradic

#336C07

#07656C

#40076C

#6C0E07

Color Blindness Simulation

Original

#336C07

Protanopia

#4C4C1F

Deuteranopia

#484425

Tritanopia

#363337

Achromatopsia

#595959

CSS Usage

background-color: #336C07;
color: #336C07;
border-color: #336C07;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF2
100
#EBFAE0
200
#D7FBBC
300
#BBF88C
400
#96F34E
500
#71EF10
600
#5AC00C
700
#48990A
800
#387808
900
#2B570A
950
#1B3706

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026