#33542F

#33542F

Color Values

HEX

#33542F

RGB

51, 84, 47

HSL

113.5, 28.2%, 25.7%

HSV

113.5, 44.0%, 32.9%

CMYK

39.3%, 0.0%, 44.0%, 67.1%

OKLCH

0.4099 0.0713 141.7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#33542F

#502F54

Analogous

#46542F

#2F543E

#33542F

Triadic

#33542F

#2F3354

#542F33

Split Complementary

#33542F

#3E2F54

#542F46

Tetradic

#33542F

#2F4654

#502F54

#543E2F

Color Blindness Simulation

Original

#33542F

Protanopia

#414238

Deuteranopia

#3F3D3A

Tritanopia

#353F41

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D3E5D1
300
#B4D3B1
400
#8CBB86
500
#63A35C
600
#4F8349
700
#40693B
800
#32522E
900
#273D24
950
#192617

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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