#336201

#336201

Color Values

HEX

#336201

RGB

51, 98, 1

HSL

89.1, 98.0%, 19.4%

HSV

89.1, 99.0%, 38.4%

CMYK

48.0%, 0.0%, 99.0%, 61.6%

OKLCH

0.4449 0.1275 134.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336201

#300162

Analogous

#626001

#026201

#336201

Triadic

#336201

#013362

#620133

Split Complementary

#336201

#010262

#600162

Tetradic

#336201

#016260

#300162

#620102

Color Blindness Simulation

Original

#336201

Protanopia

#474818

Deuteranopia

#45411E

Tritanopia

#352B2F

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DCFEB8
300
#C4FE86
400
#A3FD44
500
#83FC03
600
#69CA02
700
#54A202
800
#427E01
900
#325B06
950
#1F3A04

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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