#A4F744

#A4F744

Color Values

HEX

#A4F744

RGB

164, 247, 68

HSL

87.8, 91.8%, 61.8%

HSV

87.8, 72.5%, 96.9%

CMYK

33.6%, 0.0%, 72.5%, 3.1%

OKLCH

0.8906 0.219 131.5

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#A4F744

#9744F7

Analogous

#F7F044

#4BF744

#A4F744

Triadic

#A4F744

#44A4F7

#F744A4

Split Complementary

#A4F744

#444BF7

#F044F7

Tetradic

#A4F744

#44F7F0

#9744F7

#F7444B

Color Blindness Simulation

Original

#A4F744

Protanopia

#C8C96F

Deuteranopia

#C3BD7A

Tritanopia

#A89299

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFCBB
300
#C6FA8A
400
#A7F74A
500
#88F50A
600
#6DC408
700
#579D07
800
#447A05
900
#335808
950
#203805

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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