#334C35

#334C35

Color Values

HEX

#334C35

RGB

51, 76, 53

HSL

124.8, 19.7%, 24.9%

HSV

124.8, 32.9%, 29.8%

CMYK

32.9%, 0.0%, 30.3%, 70.2%

OKLCH

0.389 0.0493 146.5

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#334C35

#4C334A

Analogous

#3D4C33

#334C41

#334C35

Triadic

#334C35

#35334C

#4C3533

Split Complementary

#334C35

#41334C

#4C333D

Tetradic

#334C35

#333D4C

#4C334A

#4C4133

Color Blindness Simulation

Original

#334C35

Protanopia

#3E3E3B

Deuteranopia

#3C3A3C

Tritanopia

#343F40

Achromatopsia

#454545

CSS Usage

background-color: #334C35;
color: #334C35;
border-color: #334C35;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E2D5
300
#B6CEB8
400
#8EB391
500
#66996A
600
#527A55
700
#426244
800
#334C35
900
#283929
950
#19241A

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

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