#B2BEB5
Gray family

Ash

Also known as: earthy · subtle · muted · natural · sophisticated
Save
Hex #B2BEB5
RGB rgb(178, 190, 181)
HSL hsl(135°, 8%, 72%)
CMYK 6 · 0 · 5 · 25
RAL RAL 7038 · Agate Grey
NCS S 3000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, ash symbolizes resilience and transformation, reflecting the cycle of destruction and rebirth. However, in some Indigenous cultures, it can represent mourning and loss, highlighting the duality of its presence in both life and death.

The term 'ash' originates from the Old English word 'æsc', which refers to the ash tree, a species valued for its strength and versatility. The use of ash in art and architecture can be traced back to the Middle Ages, when it served as a pigment in the form of charcoal for drawing and painting.

earthysubtlemutednaturalsophisticated

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Ash. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Ash by lightness — from #5D635E (darkest) to #D7DDD9 (lightest). Click any to copy.

-40% #5D635E
-30% #727A74
-20% #87908A
-10% #9DA79F
BASE #B2BEB5
+15% #BBC6BE
+30% #C4CEC7
+50% #CED5D0
+70% #D7DDD9

Palettes

Curated 5-color combinations featuring Ash.

#B2BEB5
#6B8E23
#F5F5F5
#8B4513
#C0C0C0

Nature's Whisper

Calm Serenity
#B2BEB5
#333333
#FFFFFF
#FF6347
#4682B4

Urban Elegance

Modern Chic
#B2BEB5
#A9A9A9
#2F4F4F
#FFD700
#8B0000

Timeless Balance

Classic Harmony

Ash scale

A 50–900 tonal scale with Ash anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F9FAF9
100 #F1F3F2
200 #E2E6E3
300 #D2D9D4
400 #C2CCC5
500 #B2BEB5
600 #929C94
700 #757D77
800 #595F5B
900 #3D413E

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 10.93:1
Ash as text on… Ratio AA AAA
Aa White background 1.92:1 Fail Fail
Aa Black background 10.93:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #B2BEB5

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #B2BEB5;
CSS color-mix (lighten 30%) color-mix(in srgb, #B2BEB5 70%, white)
HSV / HSB 135°, 6%, 75%
CMYK (print) 6, 0, 5, 25
Decimal 11714229
Nearest web-safe #99CCCC

Color vision

How Ash appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#B2BEB5

Protanopia (no red)

#B7B7B7

Deuteranopia (no green)

#B7B6B8

Tritanopia (no blue)

#B3B9B9
Slate
5 / 27 Grays Stone
Copied!