#1FAD50

#1FAD50

Color Values

HEX

#1FAD50

RGB

31, 173, 80

HSL

140.7, 69.6%, 40.0%

HSV

140.7, 82.1%, 67.8%

CMYK

82.1%, 0.0%, 53.8%, 32.2%

OKLCH

0.6563 0.1753 149.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#1FAD50

#AD1F7C

Analogous

#35AD1F

#1FAD97

#1FAD50

Triadic

#1FAD50

#501FAD

#AD501F

Split Complementary

#1FAD50

#971FAD

#AD1F35

Tetradic

#1FAD50

#1F35AD

#AD1F7C

#AD971F

Color Blindness Simulation

Original

#1FAD50

Protanopia

#5D5E66

Deuteranopia

#544A6C

Tritanopia

#26787C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F8EA
200
#C2F4D4
300
#97ECB5
400
#5FE28C
500
#27D864
600
#1FAD50
700
#198A40
800
#136C32
900
#124F27
950
#0B3219

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026