#45DA37

#45DA37

Color Values

HEX

#45DA37

RGB

69, 218, 55

HSL

114.8, 68.8%, 53.5%

HSV

114.8, 74.8%, 85.5%

CMYK

68.3%, 0.0%, 74.8%, 14.5%

OKLCH

0.7803 0.2345 141.9

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#45DA37

#CC37DA

Analogous

#97DA37

#37DA7A

#45DA37

Triadic

#45DA37

#3745DA

#DA3745

Split Complementary

#45DA37

#7A37DA

#DA3797

Tetradic

#45DA37

#3797DA

#CC37DA

#DA7A37

Color Blindness Simulation

Original

#45DA37

Protanopia

#86875E

Deuteranopia

#7D7268

Tritanopia

#4C7E84

Achromatopsia

#AFAFAF

CSS Usage

background-color: #45DA37;
color: #45DA37;
border-color: #45DA37;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F4FCF3
100
#E5F8E3
200
#C7F4C3
300
#9FEC98
400
#6BE260
500
#37D728
600
#2CAC20
700
#238A19
800
#1B6C14
900
#184E12
950
#0F320C

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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