#4EF661

#4EF661

Color Values

HEX

#4EF661

RGB

78, 246, 97

HSL

126.8, 90.3%, 63.5%

HSV

126.8, 68.3%, 96.5%

CMYK

68.3%, 0.0%, 60.6%, 3.5%

OKLCH

0.8573 0.236 144.8

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#4EF661

#F64EE3

Analogous

#8FF64E

#4EF6B5

#4EF661

Triadic

#4EF661

#614EF6

#F6614E

Split Complementary

#4EF661

#B54EF6

#F64E8F

Tetradic

#4EF661

#4E8FF6

#F64EE3

#F6B54E

Color Blindness Simulation

Original

#4EF661

Protanopia

#979885

Deuteranopia

#8D808E

Tritanopia

#56A2A8

Achromatopsia

#C8C8C8

CSS Usage

background-color: #4EF661;
color: #4EF661;
border-color: #4EF661;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BBFCC2
300
#8BF997
400
#4BF65F
500
#0CF326
600
#0AC21F
700
#089B19
800
#067913
900
#095812
950
#06370B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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