#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