#33501F

#33501F

Color Values

HEX

#33501F

RGB

51, 80, 31

HSL

95.5, 44.1%, 21.8%

HSV

95.5, 61.2%, 31.4%

CMYK

36.3%, 0.0%, 61.2%, 68.6%

OKLCH

0.3958 0.0827 134.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#33501F

#3C1F50

Analogous

#4C501F

#1F5024

#33501F

Triadic

#33501F

#1F3350

#501F33

Split Complementary

#33501F

#241F50

#501F4C

Tetradic

#33501F

#1F4C50

#3C1F50

#50241F

Color Blindness Simulation

Original

#33501F

Protanopia

#40402B

Deuteranopia

#3E3C2E

Tritanopia

#343436

Achromatopsia

#464646

CSS Usage

background-color: #33501F;
color: #33501F;
border-color: #33501F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8EBCC
300
#BDDDA7
400
#99CA77
500
#75B847
600
#5E9339
700
#4B762E
800
#3B5C24
900
#2D441D
950
#1C2B12

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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