#1DA022

#1DA022

Color Values

HEX

#1DA022

RGB

29, 160, 34

HSL

122.3, 69.3%, 37.1%

HSV

122.3, 81.9%, 62.7%

CMYK

81.9%, 0.0%, 78.8%, 37.3%

OKLCH

0.6156 0.1936 143.1

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#1DA022

#A01D9B

Analogous

#5AA01D

#1DA064

#1DA022

Triadic

#1DA022

#221DA0

#A0221D

Split Complementary

#1DA022

#641DA0

#A01D5A

Tetradic

#1DA022

#1D5AA0

#A01D9B

#A0641D

Color Blindness Simulation

Original

#1DA022

Protanopia

#565740

Deuteranopia

#4E4448

Tritanopia

#24595E

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C3F4C4
300
#97EC9B
400
#5FE264
500
#27D82E
600
#1FAD25
700
#198A1D
800
#146C17
900
#124F15
950
#0C320D

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.1:1

AA Pass AAA Fail

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