#2DD25B

#2DD25B

Color Values

HEX

#2DD25B

RGB

45, 210, 91

HSL

136.7, 64.7%, 50.0%

HSV

136.7, 78.6%, 82.4%

CMYK

78.6%, 0.0%, 56.7%, 17.6%

OKLCH

0.758 0.2077 147.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2DD25B

#D22DA4

Analogous

#52D22D

#2DD2AD

#2DD25B

Triadic

#2DD25B

#5B2DD2

#D25B2D

Split Complementary

#2DD25B

#AD2DD2

#D22D52

Tetradic

#2DD25B

#2D52D2

#D22DA4

#D2AD2D

Color Blindness Simulation

Original

#2DD25B

Protanopia

#747678

Deuteranopia

#6B5E7F

Tritanopia

#358F94

Achromatopsia

#A6A6A6

CSS Usage

background-color: #2DD25B;
color: #2DD25B;
border-color: #2DD25B;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF5
100
#E3F7E9
200
#C4F2D1
300
#9AE9B0
400
#64DE86
500
#2DD25B
600
#24A849
700
#1D863A
800
#17692D
900
#144D24
950
#0D3017

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.48: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