#4AF760

#4AF760

Color Values

HEX

#4AF760

RGB

74, 247, 96

HSL

127,6, 91,5%, 62,9%

HSV

127,6, 70,0%, 96,9%

CMYK

70,0%, 0,0%, 61,1%, 3,1%

OKLCH

0,8588 0,2391 145,0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#4AF760

#F74AE1

Analogous

#8AF74A

#4AF7B6

#4AF760

Triadic

#4AF760

#604AF7

#F7604A

Split Complementary

#4AF760

#B64AF7

#F74A8A

Tetradic

#4AF760

#4A8AF7

#F74AE1

#F7B64A

Color Blindness Simulation

Original

#4AF760

Protanopia

#959684

Deuteranopia

#8B7E8D

Tritanopia

#53A1A8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BBFCC3
300
#8AFA98
400
#4AF760
500
#0BF428
600
#09C320
700
#079C1A
800
#057A14
900
#095813
950
#05380C

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

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