#1FA35D

#1FA35D

Color Values

HEX

#1FA35D

RGB

31, 163, 93

HSL

148.2, 68.0%, 38.0%

HSV

148.2, 81.0%, 63.9%

CMYK

81.0%, 0.0%, 42.9%, 36.1%

OKLCH

0.6315 0.1507 153.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#1FA35D

#A31F65

Analogous

#23A31F

#1FA39F

#1FA35D

Triadic

#1FA35D

#5D1FA3

#A35D1F

Split Complementary

#1FA35D

#9F1FA3

#A31F23

Tetradic

#1FA35D

#1F23A3

#A31F65

#A39F1F

Color Blindness Simulation

Original

#1FA35D

Protanopia

#58596E

Deuteranopia

#504772

Tritanopia

#267B7E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C3F4DA
300
#98EBBF
400
#60E19D
500
#29D67A
600
#21AB62
700
#1A894E
800
#146B3D
900
#134E2F
950
#0C311D

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026