#4AF751

#4AF751

Color Values

HEX

#4AF751

RGB

74, 247, 81

HSL

122.4, 91.5%, 62.9%

HSV

122.4, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 67.2%, 3.1%

OKLCH

0.8574 0.2493 143.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#4AF751

#F74AF0

Analogous

#99F74A

#4AF7A7

#4AF751

Triadic

#4AF751

#514AF7

#F7514A

Split Complementary

#4AF751

#A74AF7

#F74A99

Tetradic

#4AF751

#4A99F7

#F74AF0

#F7A74A

Color Blindness Simulation

Original

#4AF751

Protanopia

#959679

Deuteranopia

#8B7E83

Tritanopia

#5399A0

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BBFCBD
300
#8AFA8E
400
#4AF751
500
#0BF414
600
#09C310
700
#079C0D
800
#057A0A
900
#09580C
950
#053807

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026