#1F7246

#1F7246

Color Values

HEX

#1F7246

RGB

31, 114, 70

HSL

148.2, 57.2%, 28.4%

HSV

148.2, 72.8%, 44.7%

CMYK

72.8%, 0.0%, 38.6%, 55.3%

OKLCH

0.4913 0.1056 155.5

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#1F7246

#721F4B

Analogous

#21721F

#1F726F

#1F7246

Triadic

#1F7246

#461F72

#72461F

Split Complementary

#1F7246

#6F1F72

#721F21

Tetradic

#1F7246

#1F2172

#721F4B

#726F1F

Color Blindness Simulation

Original

#1F7246

Protanopia

#434451

Deuteranopia

#3E3853

Tritanopia

#23595B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C7F0DA
300
#9FE5C0
400
#6BD79D
500
#37C87B
600
#2CA062
700
#23804F
800
#1B643E
900
#18492F
950
#0F2E1E

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