#336401

#336401

Color Values

HEX

#336401

RGB

51, 100, 1

HSL

89.7, 98.0%, 19.8%

HSV

89.7, 99.0%, 39.2%

CMYK

49.0%, 0.0%, 99.0%, 60.8%

OKLCH

0.4506 0.13 134.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336401

#320164

Analogous

#646301

#026401

#336401

Triadic

#336401

#013364

#640133

Split Complementary

#336401

#010264

#630164

Tetradic

#336401

#016463

#320164

#640102

Color Blindness Simulation

Original

#336401

Protanopia

#484919

Deuteranopia

#45421F

Tritanopia

#352C30

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFEB8
300
#C2FE86
400
#A2FD44
500
#81FC03
600
#67CA02
700
#52A202
800
#407E01
900
#315B06
950
#1F3A04

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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