#2DD248

#2DD248

Color Values

HEX

#2DD248

RGB

45, 210, 72

HSL

129.8, 64.7%, 50.0%

HSV

129.8, 78.6%, 82.4%

CMYK

78.6%, 0.0%, 65.7%, 17.6%

OKLCH

0.7559 0.222 145.0

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#2DD248

#D22DB7

Analogous

#65D22D

#2DD29A

#2DD248

Triadic

#2DD248

#482DD2

#D2482D

Split Complementary

#2DD248

#9A2DD2

#D22D65

Tetradic

#2DD248

#2D65D2

#D22DB7

#D29A2D

Color Blindness Simulation

Original

#2DD248

Protanopia

#747669

Deuteranopia

#6B5E71

Tritanopia

#35848A

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F7E7
200
#C4F2CC
300
#9AE9A7
400
#64DE78
500
#2DD248
600
#24A83A
700
#1D862E
800
#176924
900
#144D1D
950
#0D3013

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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