Maroon Colors  ·  Color Library

Palettes / Colors / #8EA992

#8EA992 — Dusty Green

#8EA992 is a green color we call Dusty 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 #8EA992 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.

#8EA992 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 #A98EA5; it also sits naturally between #97A98E and #8EA9A0. In the palettes below you can see it working alongside real color combinations from our collection.

#8EA992 · RGB 142, 169, 146

Download PNG swatch SVG

Color values

HEX#8EA992
RGB142, 169, 146
HSL129°, 14%, 61%
HSV129°, 16%, 66%
CMYK16%, 0%, 14%, 34%
XYZ30.53, 36.20, 32.57
Yxy36.20, 0.3074, 0.3645
CIE-Lab66.67, -13.92, 8.78
Hunter Lab60.17, -11.69, 7.00

RGB & CMYK percentages

Red 56% · Green 66% · Blue 57%

Cyan 16% · Magenta 0% · Yellow 14% · Key 34%

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

Previews

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

CSS code for #8EA992

.text { color: #8EA992; }
.background { background-color: #8EA992; }
.border { border: 3px solid #8EA992; }
.text-rgb { color: rgb(142, 169, 146); }
.text-hsl { color: hsl(129, 14%, 61%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #8EA992; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(142, 169, 146, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #8EA992; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(142, 169, 146, 0.8); }

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

Shades of #8EA992

#7C9C81#6E9173#608065#536E57#48604C#3B4E3E#2E3D30#212C23#161D17#090C09

Tints of #8EA992

#99B29D#A2B9A5#AEC2B1#B6C8B9#C2D1C4#CBD8CD#D6E0D8#DFE7E0#EBF0EB#F3F6F4

Tones of #8EA992

#90A793#92A595#94A496#96A297#98A099#9A9E9A

Color harmonies

Complementary — #A98EA5:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.55:1 Fails
Against black text8.24:1 AAA

Best text color on #8EA992: #000000.

Semi-transparent (opacity) text on #8EA992

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 #8EA992: ·

How #8EA992 looks with color blindness

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

Protanopia · #9A9A98Deuteranopia · #989699Tritanopia · #8F9C9D

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 Blue Grey 500 · #607D8BBootstrap secondary · #6C757D

Palettes with a similar color

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

Palette 4b5945
#4B5945 · #66785F · #91AC8F · #B2C9AD
Palette 88ab8e
#88AB8E · #AFC8AD · #EEE7DA · #F2F1EB
Palette Ebf4dd
#EBF4DD · #90AB8B · #5A7863 · #3B4953
Palette D3f1df
#D3F1DF · #85A98F · #5A6C57 · #525B44
Palette 96a78d
#96A78D · #B6CEB4 · #D9E9CF · #F0F0F0
Palette 8fa28a
#8FA28A · #C7D3C0 · #F7F4ED · #C8A96B

Similar colors

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

#91AC8F#88AB8E#90AB8B#85A98F#96A78D#8FA28A#84AE92#99A98F#86A789#86AB89#93B18A#86A788

Browse neighbouring colors

← #8EA991  ·  #8EA993 →

Frequently asked questions

What color is #8EA992?

#8EA992 is Dusty Green, a green color (RGB 142, 169, 146). Its closest standard named color is DarkSeaGreen.

What is the RGB and HSL of #8EA992?

#8EA992 is RGB 142, 169, 146 — HSL 129°, 14%, 61% — CMYK 16%, 0%, 14%, 34%.

What colors go with #8EA992?

Its complement is #A98EA5; analogous partners are #97A98E and #8EA9A0. It also appears in 6+ palettes in our collection.

Can I use #8EA992 for text?

Black text on #8EA992 has a contrast ratio of 8.24:1 (passes WCAG AA); white text gives 2.55:1.