#334F27

#334F27

Color Values

HEX

#334F27

RGB

51, 79, 39

HSL

102.0, 33.9%, 23.1%

HSV

102.0, 50.6%, 31.0%

CMYK

35.4%, 0.0%, 50.6%, 69.0%

OKLCH

0.3943 0.0721 136.9

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334F27

#43274F

Analogous

#474F27

#274F2F

#334F27

Triadic

#334F27

#27334F

#4F2733

Split Complementary

#334F27

#2F274F

#4F2747

Tetradic

#334F27

#27474F

#43274F

#4F2F27

Color Blindness Simulation

Original

#334F27

Protanopia

#3F3F31

Deuteranopia

#3E3B33

Tritanopia

#34383A

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D6E7CF
300
#BAD7AD
400
#94C181
500
#6EAB54
600
#588943
700
#476D36
800
#37552A
900
#2B3F22
950
#1B2815

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026