#A5F8AC

#A5F8AC

Color Values

HEX

#A5F8AC

RGB

165, 248, 172

HSL

125.1, 85.6%, 81.0%

HSV

125.1, 33.5%, 97.3%

CMYK

33.5%, 0.0%, 30.6%, 2.7%

OKLCH

0.9069 0.131 146.4

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#A5F8AC

#F8A5F1

Analogous

#C7F8A5

#A5F8D6

#A5F8AC

Triadic

#A5F8AC

#ACA5F8

#F8ACA5

Split Complementary

#A5F8AC

#D6A5F8

#F8A5C7

Tetradic

#A5F8AC

#A5C7F8

#F8A5F1

#F8D6A5

Color Blindness Simulation

Original

#A5F8AC

Protanopia

#C9CABE

Deuteranopia

#C4BEC3

Tritanopia

#A9CDD0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BDFAC2
300
#8DF696
400
#50F15E
500
#12ED25
600
#0FBD1E
700
#0C9718
800
#097612
900
#0B5611
950
#07360B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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