#33512F

#33512F

Color Values

HEX

#33512F

RGB

51, 81, 47

HSL

112.9, 26.6%, 25.1%

HSV

112.9, 42.0%, 31.8%

CMYK

37.0%, 0.0%, 42.0%, 68.2%

OKLCH

0.4014 0.066 141.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#33512F

#4D2F51

Analogous

#44512F

#2F513C

#33512F

Triadic

#33512F

#2F3351

#512F33

Split Complementary

#33512F

#3C2F51

#512F44

Tetradic

#33512F

#2F4451

#4D2F51

#513C2F

Color Blindness Simulation

Original

#33512F

Protanopia

#404037

Deuteranopia

#3E3C39

Tritanopia

#343E3F

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D4E5D2
300
#B5D2B2
400
#8DBA88
500
#66A15E
600
#51814B
700
#41673C
800
#33512F
900
#283C25
950
#192617

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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