#A4F49F

#A4F49F

Color Values

HEX

#A4F49F

RGB

164, 244, 159

HSL

116.5, 79.4%, 79.0%

HSV

116.5, 34.8%, 95.7%

CMYK

32.8%, 0.0%, 34.8%, 4.3%

OKLCH

0.8948 0.1386 143.0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A4F49F

#EF9FF4

Analogous

#CEF49F

#9FF4C4

#A4F49F

Triadic

#A4F49F

#9FA4F4

#F49FA4

Split Complementary

#A4F49F

#C49FF4

#F49FCE

Tetradic

#A4F49F

#9FCEF4

#EF9FF4

#F4C49F

Color Blindness Simulation

Original

#A4F49F

Protanopia

#C7C7B4

Deuteranopia

#C2BCB8

Tritanopia

#A8C4C7

Achromatopsia

#DDDDDD

CSS Usage

background-color: #A4F49F;
color: #A4F49F;
border-color: #A4F49F;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C2F8BF
300
#97F291
400
#5EEC56
500
#26E51A
600
#1EB715
700
#189211
800
#13720D
900
#12530E
950
#0B3409

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026