#AED478

#AED478

Color Values

HEX

#AED478

RGB

174, 212, 120

HSL

84.8, 51.7%, 65.1%

HSV

84.8, 43.4%, 83.1%

CMYK

17.9%, 0.0%, 43.4%, 16.9%

OKLCH

0.8216 0.1263 127.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AED478

#9E78D4

Analogous

#D4CC78

#80D478

#AED478

Triadic

#AED478

#78AED4

#D478AE

Split Complementary

#AED478

#7880D4

#CC78D4

Tetradic

#AED478

#78D4CC

#9E78D4

#D47880

Color Blindness Simulation

Original

#AED478

Protanopia

#BEBF8E

Deuteranopia

#BCB994

Tritanopia

#B0A0A4

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DEEEC9
300
#C7E1A2
400
#A9D170
500
#8BC13E
600
#6F9B31
700
#597C27
800
#45611F
900
#34471A
950
#212D10

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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