#334D25

#334D25

Color Values

HEX

#334D25

RGB

51, 77, 37

HSL

99.0, 35.1%, 22.4%

HSV

99.0, 51.9%, 30.2%

CMYK

33.8%, 0.0%, 51.9%, 69.8%

OKLCH

0.3883 0.071 135.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334D25

#3F254D

Analogous

#474D25

#254D2B

#334D25

Triadic

#334D25

#25334D

#4D2533

Split Complementary

#334D25

#2B254D

#4D2547

Tetradic

#334D25

#25474D

#3F254D

#4D2B25

Color Blindness Simulation

Original

#334D25

Protanopia

#3E3E2F

Deuteranopia

#3D3B31

Tritanopia

#343638

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF2E8
200
#D8E8CF
300
#BBD7AC
400
#97C280
500
#72AC53
600
#5B8A42
700
#496E35
800
#395629
900
#2C4021
950
#1C2815

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026