#1D7217

#1D7217

Color Values

HEX

#1D7217

RGB

29, 114, 23

HSL

116.0, 66.4%, 26.9%

HSV

116.0, 79.8%, 44.7%

CMYK

74.6%, 0.0%, 79.8%, 55.3%

OKLCH

0.4841 0.1473 142.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#1D7217

#6C1772

Analogous

#4B7217

#17723F

#1D7217

Triadic

#1D7217

#171D72

#72171D

Split Complementary

#1D7217

#3F1772

#72174B

Tetradic

#1D7217

#174B72

#6C1772

#723F17

Color Blindness Simulation

Original

#1D7217

Protanopia

#42432D

Deuteranopia

#3D3632

Tritanopia

#213E42

Achromatopsia

#595959

CSS Usage

background-color: #1D7217;
color: #1D7217;
border-color: #1D7217;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FCF3
100
#E4F7E3
200
#C7F3C4
300
#9FEA99
400
#6ADF62
500
#36D42B
600
#2BAA22
700
#23881B
800
#1B6A15
900
#174D13
950
#0F310C

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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