#334B2C

#334B2C

Color Values

HEX

#334B2C

RGB

51, 75, 44

HSL

106.5, 26.1%, 23.3%

HSV

106.5, 41.3%, 29.4%

CMYK

32.0%, 0.0%, 41.3%, 70.6%

OKLCH

0.384 0.0588 138.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#334B2C

#442C4B

Analogous

#424B2C

#2C4B34

#334B2C

Triadic

#334B2C

#2C334B

#4B2C33

Split Complementary

#334B2C

#342C4B

#4B2C42

Tetradic

#334B2C

#2C424B

#442C4B

#4B342C

Color Blindness Simulation

Original

#334B2C

Protanopia

#3D3E33

Deuteranopia

#3C3A35

Tritanopia

#34393B

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EBF1E9
200
#D6E5D2
300
#B9D2B2
400
#93B988
500
#6DA15E
600
#57814B
700
#46673C
800
#37502F
900
#2A3C25
950
#1B2617

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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