#4AE718

#4AE718

Color Values

HEX

#4AE718

RGB

74, 231, 24

HSL

105,5, 81,2%, 50,0%

HSV

105,5, 89,6%, 90,6%

CMYK

68,0%, 0,0%, 89,6%, 9,4%

OKLCH

0,8135 0,2578 140,3

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#4AE718

#B518E7

Analogous

#B2E718

#18E74D

#4AE718

Triadic

#4AE718

#184AE7

#E7184A

Split Complementary

#4AE718

#4D18E7

#E718B2

Tetradic

#4AE718

#18B2E7

#B518E7

#E74D18

Color Blindness Simulation

Original

#4AE718

Protanopia

#8E8F4A

Deuteranopia

#857956

Tritanopia

#52727A

Achromatopsia

#B7B7B7

CSS Usage

background-color: #4AE718;
color: #4AE718;
border-color: #4AE718;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FDF2
100
#E7F9E1
200
#CCF8BE
300
#A8F390
400
#79ED54
500
#4AE718
600
#3BB913
700
#2F940F
800
#25740C
900
#1E540D
950
#133508

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,73: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