#BDBDB4
Gray family

French Gray

Also known as: muted · elegant · understated · sophisticated · neutral
Save
Hex #BDBDB4
RGB rgb(189, 189, 180)
HSL hsl(60°, 6%, 72%)
CMYK 0 · 0 · 5 · 26
RAL RAL 7038 · Agate Grey
NCS S 2500-N

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

Meaning

In Western contexts, French Gray often symbolizes sophistication and calmness, making it a preferred choice in minimalist design. However, in some Eastern cultures, gray can represent ambiguity or indecision, reflecting a nuanced perception of neutrality.

The term 'French Gray' became popular in the 19th century, associated with the muted palettes favored by artists and designers in France. The color's name likely derives from the tradition of using soft, elegant grays in French decorative arts, particularly in the works of painters like Jean-Auguste-Dominique Ingres.

mutedelegantunderstatedsophisticatedneutral

Similar colors

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

All 27 Grays →

Shades & tints

Nine steps of French Gray by lightness — from #62625E (darkest) to #DDDDD8 (lightest). Click any to copy.

-40% #62625E
-30% #797973
-20% #909089
-10% #A6A69E
BASE #BDBDB4
+15% #C5C5BD
+30% #CDCDC6
+50% #D5D5CF
+70% #DDDDD8

Palettes

Curated 5-color combinations featuring French Gray.

#BDBDB4
#F5F5F5
#888888
#A3C6C4
#D6B7A2

Elegant Retreat

Calm Serenity
#BDBDB4
#2C2C2C
#FFFFFF
#F2A900
#A29BB0

Soft Contrast

Balanced Harmony
#BDBDB4
#E0E0E0
#111111
#C6D8D8
#F6D5B3

Timeless Tranquility

Peaceful Balance

French Gray scale

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

50 #FAFAF9
100 #F3F3F2
200 #E6E6E3
300 #D9D9D4
400 #CBCBC4
500 #BDBDB4
600 #9B9B94
700 #7D7D77
800 #5F5F5A
900 #40403D

Accessibility

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

Aa Best text color: #000000 · 11.1:1
French Gray as text on… Ratio AA AAA
Aa White background 1.89:1 Fail Fail
Aa Black background 11.1: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 #BDBDB4

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

CSS color: #BDBDB4;
CSS color-mix (lighten 30%) color-mix(in srgb, #BDBDB4 70%, white)
HSV / HSB 60°, 5%, 74%
CMYK (print) 0, 0, 5, 26
Decimal 12434868
Nearest web-safe #CCCCCC

Color vision

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

Normal vision

#BDBDB4

Protanopia (no red)

#BDBDB6

Deuteranopia (no green)

#BDBDB7

Tritanopia (no blue)

#BDB8B8
Payne's Gray
26 / 27 Grays Blue Gray
Copied!