#1F7245

#1F7245

Color Values

HEX

#1F7245

RGB

31, 114, 69

HSL

147.5, 57.2%, 28.4%

HSV

147.5, 72.8%, 44.7%

CMYK

72.8%, 0.0%, 39.5%, 55.3%

OKLCH

0.4911 0.1066 155.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#1F7245

#721F4C

Analogous

#22721F

#1F726E

#1F7245

Triadic

#1F7245

#451F72

#72451F

Split Complementary

#1F7245

#6E1F72

#721F22

Tetradic

#1F7245

#1F2272

#721F4C

#726E1F

Color Blindness Simulation

Original

#1F7245

Protanopia

#434450

Deuteranopia

#3E3852

Tritanopia

#23585A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #1F7245;
color: #1F7245;
border-color: #1F7245;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0DA
300
#9FE5BF
400
#6BD79C
500
#37C879
600
#2CA061
700
#23804E
800
#1B643D
900
#18492E
950
#0F2E1D

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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