#AED366

#AED366

Color Values

HEX

#AED366

RGB

174, 211, 102

HSL

80,4, 55,3%, 61,4%

HSV

80,4, 51,7%, 82,7%

CMYK

17,5%, 0,0%, 51,7%, 17,3%

OKLCH

0,8168 0,143 125,0

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AED366

#8B66D3

Analogous

#D3C266

#78D366

#AED366

Triadic

#AED366

#66AED3

#D366AE

Split Complementary

#AED366

#6678D3

#C266D3

Tetradic

#AED366

#66D3C2

#8B66D3

#D36678

Color Blindness Simulation

Original

#AED366

Protanopia

#BEBE80

Deuteranopia

#BCB987

Tritanopia

#B0959A

Achromatopsia

#C3C3C3

CSS Usage

background-color: #AED366;
color: #AED366;
border-color: #AED366;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FBF4
100
#F0F6E5
200
#E2EFC8
300
#CDE4A0
400
#B1D56C
500
#96C639
600
#789E2E
700
#607F24
800
#4B631C
900
#384918
950
#232E0F

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,31: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