#33502F

#33502F

Color Values

HEX

#33502F

RGB

51, 80, 47

HSL

112.7, 26.0%, 24.9%

HSV

112.7, 41.2%, 31.4%

CMYK

36.3%, 0.0%, 41.2%, 68.6%

OKLCH

0.3987 0.0642 141.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#33502F

#4C2F50

Analogous

#44502F

#2F503B

#33502F

Triadic

#33502F

#2F3350

#502F33

Split Complementary

#33502F

#3B2F50

#502F44

Tetradic

#33502F

#2F4450

#4C2F50

#503B2F

Color Blindness Simulation

Original

#33502F

Protanopia

#404037

Deuteranopia

#3E3C39

Tritanopia

#343D3F

Achromatopsia

#474747

CSS Usage

background-color: #33502F;
color: #33502F;
border-color: #33502F;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D4E5D2
300
#B6D2B2
400
#8EB988
500
#66A15E
600
#52814B
700
#42673C
800
#33502F
900
#283C25
950
#192617

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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