#4AF247

#4AF247

Color Values

HEX

#4AF247

RGB

74, 242, 71

HSL

118,9, 86,8%, 61,4%

HSV

118,9, 70,7%, 94,9%

CMYK

69,4%, 0,0%, 70,7%, 5,1%

OKLCH

0,844 0,25 142,7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#4AF247

#EF47F2

Analogous

#A0F247

#47F299

#4AF247

Triadic

#4AF247

#474AF2

#F2474A

Split Complementary

#4AF247

#9947F2

#F247A0

Tetradic

#4AF247

#47A0F2

#EF47F2

#F29947

Color Blindness Simulation

Original

#4AF247

Protanopia

#939470

Deuteranopia

#897C7A

Tritanopia

#529198

Achromatopsia

#C2C2C2

CSS Usage

background-color: #4AF247;
color: #4AF247;
border-color: #4AF247;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BDFABC
300
#8FF78D
400
#52F34F
500
#15EE11
600
#11BF0D
700
#0D980B
800
#0A7708
900
#0C560B
950
#083707

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026