#1FA020

#1FA020

Color Values

HEX

#1FA020

RGB

31, 160, 32

HSL

120.5, 67.5%, 37.5%

HSV

120.5, 80.6%, 62.7%

CMYK

80.6%, 0.0%, 80.0%, 37.3%

OKLCH

0.6158 0.1941 142.8

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#1FA020

#A01F9F

Analogous

#5FA01F

#1FA061

#1FA020

Triadic

#1FA020

#201FA0

#A0201F

Split Complementary

#1FA020

#611FA0

#A01F5F

Tetradic

#1FA020

#1F5FA0

#A01F9F

#A0611F

Color Blindness Simulation

Original

#1FA020

Protanopia

#57583F

Deuteranopia

#4F4646

Tritanopia

#25575D

Achromatopsia

#7B7B7B

CSS Usage

background-color: #1FA020;
color: #1FA020;
border-color: #1FA020;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C3F3C4
300
#98EB99
400
#61E062
500
#29D62B
600
#21AB22
700
#1B891B
800
#156B15
900
#134E14
950
#0C310C

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass 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