#A5ECAD

#A5ECAD

Color Values

HEX

#A5ECAD

RGB

165, 236, 173

HSL

126,8, 65,1%, 78,6%

HSV

126,8, 30,1%, 92,5%

CMYK

30,1%, 0,0%, 26,7%, 7,5%

OKLCH

0,8799 0,1116 147,4

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#A5ECAD

#ECA5E4

Analogous

#C0ECA5

#A5ECD0

#A5ECAD

Triadic

#A5ECAD

#ADA5EC

#ECADA5

Split Complementary

#A5ECAD

#D0A5EC

#ECA5C0

Tetradic

#A5ECAD

#A5C0EC

#ECA5E4

#ECD0A5

Color Blindness Simulation

Original

#A5ECAD

Protanopia

#C4C4BC

Deuteranopia

#C0BAC0

Tritanopia

#A9C8CB

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C4F3C9
300
#9AEAA3
400
#63DE71
500
#2CD33F
600
#24A833
700
#1C8729
800
#166920
900
#144D1A
950
#0D3111

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,2: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