#1F7229

#1F7229

Color Values

HEX

#1F7229

RGB

31, 114, 41

HSL

127.2, 57.2%, 28.4%

HSV

127.2, 72.8%, 44.7%

CMYK

72.8%, 0.0%, 64.0%, 55.3%

OKLCH

0.4863 0.1337 145.0

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#1F7229

#721F68

Analogous

#3E721F

#1F7252

#1F7229

Triadic

#1F7229

#291F72

#72291F

Split Complementary

#1F7229

#521F72

#721F3E

Tetradic

#1F7229

#1F3E72

#721F68

#72521F

Color Blindness Simulation

Original

#1F7229

Protanopia

#43443B

Deuteranopia

#3E383F

Tritanopia

#23494C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E7
200
#C7F0CC
300
#9FE5A7
400
#6BD778
500
#37C848
600
#2CA03A
700
#23802E
800
#1B6424
900
#18491D
950
#0F2E13

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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