#335704

#335704

Color Values

HEX

#335704

RGB

51, 87, 4

HSL

86.0, 91.2%, 17.8%

HSV

86.0, 95.4%, 34.1%

CMYK

41.4%, 0.0%, 95.4%, 65.9%

OKLCH

0.4135 0.1121 132.0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#335704

#280457

Analogous

#575104

#0A5704

#335704

Triadic

#335704

#043357

#570433

Split Complementary

#335704

#040A57

#510457

Tetradic

#335704

#045751

#280457

#57040A

Color Blindness Simulation

Original

#335704

Protanopia

#434318

Deuteranopia

#403E1D

Tritanopia

#35282B

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E0FCBB
300
#C9FA8A
400
#ACF74B
500
#8FF40B
600
#72C309
700
#5C9C07
800
#487A06
900
#365809
950
#223805

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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