#347316

#347316

Color Values

HEX

#347316

RGB

52, 115, 22

HSL

100.6, 67.9%, 26.9%

HSV

100.6, 80.9%, 45.1%

CMYK

54.8%, 0.0%, 80.9%, 54.9%

OKLCH

0.4948 0.1393 137.9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#347316

#551673

Analogous

#637316

#167326

#347316

Triadic

#347316

#163473

#731634

Split Complementary

#347316

#261673

#731663

Tetradic

#347316

#166373

#551673

#732616

Color Blindness Simulation

Original

#347316

Protanopia

#4F502C

Deuteranopia

#4C4732

Tritanopia

#373E42

Achromatopsia

#5F5F5F

CSS Usage

background-color: #347316;
color: #347316;
border-color: #347316;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D3F4C3
300
#B3EB98
400
#8AE161
500
#61D629
600
#4EAB21
700
#3E891A
800
#306B14
900
#264E13
950
#18310C

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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