#2DD629

#2DD629

Color Values

HEX

#2DD629

RGB

45, 214, 41

HSL

118.6, 67.8%, 50.0%

HSV

118.6, 80.8%, 83.9%

CMYK

79.0%, 0.0%, 80.8%, 16.1%

OKLCH

0.7642 0.2433 142.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2DD629

#D229D6

Analogous

#84D629

#29D67B

#2DD629

Triadic

#2DD629

#292DD6

#D6292D

Split Complementary

#2DD629

#7B29D6

#D62984

Tetradic

#2DD629

#2984D6

#D229D6

#D67B29

Color Blindness Simulation

Original

#2DD629

Protanopia

#767853

Deuteranopia

#6C605D

Tritanopia

#35747B

Achromatopsia

#A6A6A6

CSS Usage

background-color: #2DD629;
color: #2DD629;
border-color: #2DD629;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C4F4C3
300
#9AEB98
400
#64E161
500
#2DD629
600
#24AB21
700
#1D891A
800
#176B15
900
#144E13
950
#0D310C

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.76:1

AA Pass AAA Pass

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