#334C28

#334C28

Color Values

HEX

#334C28

RGB

51, 76, 40

HSL

101.7, 31.0%, 22.7%

HSV

101.7, 47.4%, 29.8%

CMYK

32.9%, 0.0%, 47.4%, 70.2%

OKLCH

0.386 0.0656 136.7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334C28

#41284C

Analogous

#454C28

#284C2F

#334C28

Triadic

#334C28

#28334C

#4C2833

Split Complementary

#334C28

#2F284C

#4C2845

Tetradic

#334C28

#28454C

#41284C

#4C2F28

Color Blindness Simulation

Original

#334C28

Protanopia

#3E3E31

Deuteranopia

#3C3A33

Tritanopia

#343839

Achromatopsia

#444444

CSS Usage

background-color: #334C28;
color: #334C28;
border-color: #334C28;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F7F9F5
100
#EBF2E8
200
#D7E6D0
300
#BAD5AF
400
#95BE83
500
#70A758
600
#5A8646
700
#486B38
800
#38542C
900
#2B3E23
950
#1B2716

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026