Maroon Colors  ·  Color Library

Palettes / Colors / #AED393

#AED393 — Light Muted Green

#AED393 is a green color we call Light Muted Green, closest to the named color DarkSeaGreen (#8FBC8F). It belongs to the green family.

Color name

Closest CSS keyword: darkseagreen (#8FBC8F) — not an exact match. CSS darkseagreen gives you #8FBC8F, a different color; use #AED393 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#AED393 is a warm-leaning green color associated with growth, calm and balance. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #B892D3; it also sits naturally between #CDD392 and #92D398. In the palettes below you can see it working alongside real color combinations from our collection.

#AED393 · RGB 174, 211, 147

Download PNG swatch SVG

Color values

HEX#AED393
RGB174, 211, 147
HSL95°, 42%, 70%
HSV95°, 30%, 83%
CMYK18%, 0%, 30%, 17%
XYZ46.02, 57.69, 36.31
Yxy57.69, 0.3286, 0.4120
CIE-Lab80.57, -23.63, 27.80
Hunter Lab75.96, -21.06, 21.48

RGB & CMYK percentages

Red 68% · Green 83% · Blue 58%

Cyan 18% · Magenta 0% · Yellow 30% · Key 17%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #AED393 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #AED393 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #AED393

.text { color: #AED393; }
.background { background-color: #AED393; }
.border { border: 3px solid #AED393; }
.text-rgb { color: rgb(174, 211, 147); }
.text-hsl { color: hsl(95, 42%, 70%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #AED393; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(174, 211, 147, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #AED393; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(174, 211, 147, 0.8); }

HTML: <p style="color:#AED393">Text here</p> · <div style="background-color:#AED393">Div content here</div>

Shades of #AED393

#9AC879#8ABF63#77B54A#689F41#588637#476D2C#395723#283E19#1A2810#090E06

Tints of #AED393

#B5D79D#BBDAA4#C3DEAF#C8E1B7#D1E6C1#D9EACC#DEEDD4#E6F2DE#ECF5E6#F4F9F1

Tones of #AED393

#AECE97#AFC99C#AFC5A0#B0C0A5#B1BCA9#B2B7AE

Color harmonies

Complementary — #B892D3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.67:1 Fails
Against black text12.54:1 AAA

Best text color on #AED393: #000000.

Semi-transparent (opacity) text on #AED393

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #AED393: ·

How #AED393 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #BEBEA2Deuteranopia · #BCB9A6Tritanopia · #B0AFB1

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EMaterial Light Green 500 · #8BC34AMaterial Lime 500 · #CDDC39

Palettes with a similar color

These palettes use a close neighbour of #AED393 rather than the exact color:

Palette Ffa62f
#FFA62F · #FFC96F · #FFE8C8 · #ACD793
Palette B1d690
#B1D690 · #FEEC37 · #FFA24C · #FF77B7
Palette Dba979
#DBA979 · #ECCA9C · #E8EFCF · #AFD198
Palette Ffde95
#FFDE95 · #ADD899 · #BC5A94 · #F075AA
Palette A7d397
#A7D397 · #F5EEC8 · #D0D4CA · #555843
Serene Mirage
#AAD59A · #97D680 · #58A53B · #284B1B

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#ACD793#B1D690#AFD198#ADD899#A7D397#AAD59A#A6CF98#B7D894#A4CE95#B5CB99#B0CE88#ABC794

Browse neighbouring colors

← #AED392  ·  #AED394 →

Frequently asked questions

What color is #AED393?

#AED393 is Light Muted Green, a green color (RGB 174, 211, 147). Its closest standard named color is DarkSeaGreen.

What is the RGB and HSL of #AED393?

#AED393 is RGB 174, 211, 147 — HSL 95°, 42%, 70% — CMYK 18%, 0%, 30%, 17%.

What colors go with #AED393?

Its complement is #B892D3; analogous partners are #CDD392 and #92D398. It also appears in 6+ palettes in our collection.

Can I use #AED393 for text?

Black text on #AED393 has a contrast ratio of 12.54:1 (passes WCAG AA); white text gives 1.67:1.