#A4F9AC

#A4F9AC

Color Values

HEX

#A4F9AC

RGB

164, 249, 172

HSL

125.6, 87.6%, 81.0%

HSV

125.6, 34.1%, 97.6%

CMYK

34.1%, 0.0%, 30.9%, 2.4%

OKLCH

0.9086 0.1331 146.6

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A4F9AC

#F9A4F1

Analogous

#C7F9A4

#A4F9D6

#A4F9AC

Triadic

#A4F9AC

#ACA4F9

#F9ACA4

Split Complementary

#A4F9AC

#D6A4F9

#F9A4C7

Tetradic

#A4F9AC

#A4C7F9

#F9A4F1

#F9D6A4

Color Blindness Simulation

Original

#A4F9AC

Protanopia

#C9CABF

Deuteranopia

#C4BEC3

Tritanopia

#A8CDD1

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BCFBC2
300
#8CF796
400
#4EF35D
500
#10EF25
600
#0DBF1D
700
#0A9917
800
#087812
900
#0A5711
950
#06370B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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