#334F23

#334F23

Color Values

HEX

#334F23

RGB

51, 79, 35

HSL

98.2, 38.6%, 22.4%

HSV

98.2, 55.7%, 31.0%

CMYK

35.4%, 0.0%, 55.7%, 69.0%

OKLCH

0.3936 0.0767 135.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334F23

#3F234F

Analogous

#494F23

#234F29

#334F23

Triadic

#334F23

#23334F

#4F2333

Split Complementary

#334F23

#29234F

#4F2349

Tetradic

#334F23

#23494F

#3F234F

#4F2923

Color Blindness Simulation

Original

#334F23

Protanopia

#3F3F2E

Deuteranopia

#3E3B30

Tritanopia

#343638

Achromatopsia

#464646

CSS Usage

background-color: #334F23;
color: #334F23;
border-color: #334F23;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CE
300
#BBD9AA
400
#97C57C
500
#72B14E
600
#5B8D3F
700
#497132
800
#395827
900
#2C4120
950
#1C2914

Contrast Checker

Text on white

9.2:1

AA Pass AAA Pass

Text on black

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