#1F7416

#1F7416

Color Values

HEX

#1F7416

RGB

31, 116, 22

HSL

114.3, 68.1%, 27.1%

HSV

114.3, 81.0%, 45.5%

CMYK

73.3%, 0.0%, 81.0%, 54.5%

OKLCH

0.4903 0.1496 141.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#1F7416

#6B1674

Analogous

#4E7416

#16743C

#1F7416

Triadic

#1F7416

#161F74

#74161F

Split Complementary

#1F7416

#3C1674

#74164E

Tetradic

#1F7416

#164E74

#6B1674

#743C16

Color Blindness Simulation

Original

#1F7416

Protanopia

#44452D

Deuteranopia

#3F3832

Tritanopia

#233F43

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C8F4C3
300
#A0EB98
400
#6DE160
500
#39D629
600
#2EAB21
700
#25891A
800
#1D6B14
900
#184E13
950
#0F310C

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026