#336F0C

#336F0C

Color Values

HEX

#336F0C

RGB

51, 111, 12

HSL

96.4, 80.5%, 24.1%

HSV

96.4, 89.2%, 43.5%

CMYK

54.1%, 0.0%, 89.2%, 56.5%

OKLCH

0.4825 0.1395 136.9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336F0C

#480C6F

Analogous

#646F0C

#0C6F17

#336F0C

Triadic

#336F0C

#0C336F

#6F0C33

Split Complementary

#336F0C

#170C6F

#6F0C64

Tetradic

#336F0C

#0C646F

#480C6F

#6F170C

Color Blindness Simulation

Original

#336F0C

Protanopia

#4D4E24

Deuteranopia

#4A452A

Tritanopia

#36373B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBF9E1
200
#D5F8BF
300
#B7F391
400
#90ED55
500
#6AE619
600
#54B814
700
#449310
800
#35730C
900
#29540D
950
#1A3508

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026