#334722

#334722

Color Values

HEX

#334722

RGB

51, 71, 34

HSL

92.4, 35.2%, 20.6%

HSV

92.4, 52.1%, 27.8%

CMYK

28.2%, 0.0%, 52.1%, 72.2%

OKLCH

0.3709 0.0641 132.1

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#334722

#362247

Analogous

#464722

#224724

#334722

Triadic

#334722

#223347

#472233

Split Complementary

#334722

#242247

#472246

Tetradic

#334722

#224647

#362247

#472422

Color Blindness Simulation

Original

#334722

Protanopia

#3C3C2B

Deuteranopia

#3A392D

Tritanopia

#343234

Achromatopsia

#404040

CSS Usage

background-color: #334722;
color: #334722;
border-color: #334722;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DAE8CF
300
#C0D7AC
400
#9EC27F
500
#7CAC53
600
#638A42
700
#4F6E35
800
#3E5629
900
#2F4021
950
#1E2815

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

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