#A5FCAF

#A5FCAF

Color Values

HEX

#A5FCAF

RGB

165, 252, 175

HSL

126.9, 93.5%, 81.8%

HSV

126.9, 34.5%, 98.8%

CMYK

34.5%, 0.0%, 30.6%, 1.2%

OKLCH

0.9166 0.1341 147.2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A5FCAF

#FCA5F2

Analogous

#C7FCA5

#A5FCDB

#A5FCAF

Triadic

#A5FCAF

#AFA5FC

#FCAFA5

Split Complementary

#A5FCAF

#DBA5FC

#FCA5C7

Tetradic

#A5FCAF

#A5C7FC

#FCA5F2

#FCDBA5

Color Blindness Simulation

Original

#A5FCAF

Protanopia

#CBCBC2

Deuteranopia

#C6BFC6

Tritanopia

#A9D0D4

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFDC2
300
#89FB96
400
#48F95D
500
#08F724
600
#07C51D
700
#059E17
800
#047B12
900
#085911
950
#05380B

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026