Maroon Colors  ·  Color Library

Palettes / Colors / #A2CA91

#A2CA91 — Light Muted Green

#A2CA91 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 #A2CA91 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.

#A2CA91 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 #B991CA; it also sits naturally between #BFCA91 and #91CA9C. In the palettes below you can see it working alongside real color combinations from our collection.

#A2CA91 · RGB 162, 202, 145

Download PNG swatch SVG

Color values

HEX#A2CA91
RGB162, 202, 145
HSL102°, 35%, 68%
HSV102°, 28%, 79%
CMYK20%, 0%, 28%, 21%
XYZ41.13, 51.97, 34.65
Yxy51.97, 0.3220, 0.4068
CIE-Lab77.26, -23.79, 24.25
Hunter Lab72.09, -20.78, 18.73

RGB & CMYK percentages

Red 64% · Green 79% · Blue 57%

Cyan 20% · Magenta 0% · Yellow 28% · Key 21%

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

Previews

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

CSS code for #A2CA91

.text { color: #A2CA91; }
.background { background-color: #A2CA91; }
.border { border: 3px solid #A2CA91; }
.text-rgb { color: rgb(162, 202, 145); }
.text-hsl { color: hsl(102, 35%, 68%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #A2CA91; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(162, 202, 145, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #A2CA91; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(162, 202, 145, 0.8); }

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

Shades of #A2CA91

#91C07C#7CB464#6BA951#5C9146#4F7C3C#426732#324F26#253B1C#162211#090E07

Tints of #A2CA91

#ABCF9B#B3D4A5#B9D7AC#C2DCB7#CBE1C1#D3E6CB#DCEBD6#E2EEDD#EBF3E7#F3F8F1

Tones of #A2CA91

#A4C695#A5C299#A7BE9D#A9BAA1#AAB6A5#ACB1A9

Color harmonies

Complementary — #B991CA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.84:1 Fails
Against black text11.39:1 AAA

Best text color on #A2CA91: #000000.

Semi-transparent (opacity) text on #A2CA91

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 #A2CA91: ·

How #A2CA91 looks with color blindness

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

Protanopia · #B3B49FDeuteranopia · #B1AEA2Tritanopia · #A4AAAC

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 #A2CA91 rather than the exact color:

Palette 5f5d9c
#5F5D9C · #6196A6 · #A4CE95 · #F4EDCC
Palette 5b7e3c
#5B7E3C · #A2CB8B · #E8F5BD · #C44545
Palette 84b179
#84B179 · #A2CB8B · #C7EABB · #E8F5BD
Burning Ruby Lagoon
#C06588 · #CFBA91 · #9FCB8B · #63A08F
Palette Ba5a5a
#BA5A5A · #F7E49B · #A4CE8B · #86BCBD
Palette 346739
#346739 · #79AE6F · #9FCB98 · #F2EDC2

Similar colors

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

#A4CE95#A2CB8B#9FCB8B#A4CE8B#9FCB98#A4C294#A6CF98#A1C398#ABC794#A8CD89#A1C298#A7D397

Browse neighbouring colors

← #A2CA90  ·  #A2CA92 →

Frequently asked questions

What color is #A2CA91?

#A2CA91 is Light Muted Green, a green color (RGB 162, 202, 145). Its closest standard named color is DarkSeaGreen.

What is the RGB and HSL of #A2CA91?

#A2CA91 is RGB 162, 202, 145 — HSL 102°, 35%, 68% — CMYK 20%, 0%, 28%, 21%.

What colors go with #A2CA91?

Its complement is #B991CA; analogous partners are #BFCA91 and #91CA9C. It also appears in 6+ palettes in our collection.

Can I use #A2CA91 for text?

Black text on #A2CA91 has a contrast ratio of 11.39:1 (passes WCAG AA); white text gives 1.84:1.