#34720C

#34720C

Color Values

HEX

#34720C

RGB

52, 114, 12

HSL

96.5, 81.0%, 24.7%

HSV

96.5, 89.5%, 44.7%

CMYK

54.4%, 0.0%, 89.5%, 55.3%

OKLCH

0.4915 0.1427 137.0

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#34720C

#4A0C72

Analogous

#67720C

#0C7217

#34720C

Triadic

#34720C

#0C3472

#720C34

Split Complementary

#34720C

#170C72

#720C67

Tetradic

#34720C

#0C6772

#4A0C72

#72170C

Color Blindness Simulation

Original

#34720C

Protanopia

#4F4F25

Deuteranopia

#4B472B

Tritanopia

#37383C

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAF9E1
200
#D5F8BE
300
#B7F390
400
#90ED54
500
#69E718
600
#54B913
700
#439410
800
#35730C
900
#29540D
950
#1A3508

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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