#2DD528

#2DD528

Color Values

HEX

#2DD528

RGB

45, 213, 40

HSL

118.3, 68.4%, 49.6%

HSV

118.3, 81.2%, 83.5%

CMYK

78.9%, 0.0%, 81.2%, 16.5%

OKLCH

0.7615 0.2427 142.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2DD528

#D028D5

Analogous

#83D528

#28D57A

#2DD528

Triadic

#2DD528

#282DD5

#D5282D

Split Complementary

#2DD528

#7A28D5

#D52883

Tetradic

#2DD528

#2883D5

#D028D5

#D57A28

Color Blindness Simulation

Original

#2DD528

Protanopia

#767752

Deuteranopia

#6C5F5C

Tritanopia

#35737A

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C4F4C3
300
#9AEC98
400
#64E160
500
#2DD728
600
#24AC20
700
#1D891A
800
#176B14
900
#144E13
950
#0D310C

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.66:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026