#1F7320

#1F7320

Color Values

HEX

#1F7320

RGB

31, 115, 32

HSL

120.7, 57.5%, 28.6%

HSV

120.7, 73.0%, 45.1%

CMYK

73.0%, 0.0%, 72.2%, 54.9%

OKLCH

0.4883 0.1421 143.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#1F7320

#731F72

Analogous

#48731F

#1F734A

#1F7320

Triadic

#1F7320

#201F73

#73201F

Split Complementary

#1F7320

#4A1F73

#731F48

Tetradic

#1F7320

#1F4873

#731F72

#734A1F

Color Blindness Simulation

Original

#1F7320

Protanopia

#434434

Deuteranopia

#3E3839

Tritanopia

#234447

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E4F6E5
200
#C7F0C7
300
#9FE59F
400
#6AD76C
500
#36C938
600
#2BA12D
700
#238124
800
#1B641C
900
#174A18
950
#0F2E0F

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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