#4AF807

#4AF807

Color Values

HEX

#4AF807

RGB

74, 248, 7

HSL

103,3, 94,5%, 50,0%

HSV

103,3, 97,2%, 97,3%

CMYK

70,2%, 0,0%, 97,2%, 2,7%

OKLCH

0,8566 0,2769 140,4

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#4AF807

#B507F8

Analogous

#C3F807

#07F83C

#4AF807

Triadic

#4AF807

#074AF8

#F8074A

Split Complementary

#4AF807

#3C07F8

#F807C3

Tetradic

#4AF807

#07C3F8

#B507F8

#F83C07

Color Blindness Simulation

Original

#4AF807

Protanopia

#959741

Deuteranopia

#8B7E4F

Tritanopia

#536F79

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F5FDF1
100
#E7FBDF
200
#CCFDBA
300
#A8FC88
400
#79FA47
500
#4AF807
600
#3BC606
700
#2F9F04
800
#257C04
900
#1E5A07
950
#133905

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,72: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