#45E718

#45E718

Color Values

HEX

#45E718

RGB

69, 231, 24

HSL

107.0, 81.2%, 50.0%

HSV

107.0, 89.6%, 90.6%

CMYK

70.1%, 0.0%, 89.6%, 9.4%

OKLCH

0.8124 0.2593 140.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#45E718

#BA18E7

Analogous

#ACE718

#18E753

#45E718

Triadic

#45E718

#1845E7

#E71845

Split Complementary

#45E718

#5318E7

#E718AC

Tetradic

#45E718

#18ACE7

#BA18E7

#E75318

Color Blindness Simulation

Original

#45E718

Protanopia

#8B8D4A

Deuteranopia

#827656

Tritanopia

#4D727A

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F4FDF2
100
#E6F9E1
200
#CBF8BE
300
#A6F390
400
#75ED54
500
#45E718
600
#37B913
700
#2C940F
800
#22740C
900
#1C540D
950
#123508

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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