#34871C

#34871C

Color Values

HEX

#34871C

RGB

52, 135, 28

HSL

106.5, 65.6%, 32.0%

HSV

106.5, 79.3%, 52.9%

CMYK

61.5%, 0.0%, 79.3%, 47.1%

OKLCH

0.5513 0.1608 139.8

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#34871C

#6F1C87

Analogous

#6A871C

#1C873A

#34871C

Triadic

#34871C

#1C3487

#871C34

Split Complementary

#34871C

#3A1C87

#871C6A

Tetradic

#34871C

#1C6A87

#6F1C87

#873A1C

Color Blindness Simulation

Original

#34871C

Protanopia

#585936

Deuteranopia

#534D3C

Tritanopia

#384A4F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F7E3
200
#CEF3C4
300
#ACEA9A
400
#7FDF63
500
#51D32C
600
#41A923
700
#34871C
800
#296A16
900
#214D14
950
#15310D

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass 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