#1F7446

#1F7446

Color Values

HEX

#1F7446

RGB

31, 116, 70

HSL

147.5, 57.8%, 28.8%

HSV

147.5, 73.3%, 45.5%

CMYK

73.3%, 0.0%, 39.7%, 54.5%

OKLCH

0.497 0.1085 155.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#1F7446

#741F4D

Analogous

#23741F

#1F7470

#1F7446

Triadic

#1F7446

#461F74

#74461F

Split Complementary

#1F7446

#701F74

#741F23

Tetradic

#1F7446

#1F2374

#741F4D

#74701F

Color Blindness Simulation

Original

#1F7446

Protanopia

#444551

Deuteranopia

#3F3854

Tritanopia

#235A5C

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0DA
300
#9EE5BF
400
#6AD79C
500
#36C979
600
#2BA161
700
#22814E
800
#1B653D
900
#174A2E
950
#0F2F1D

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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