What Color is Ash grey
Ash grey (#B2BEB5) is a warm gray color associated with the spring season. Its complementary color is #4D414A.
Additional Information
- Color Family: Gray
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #4D414A
- Brightness: 185/255
- Saturation: 6%
Color Conversions
Hex
#B2BEB5
RGB
178, 190, 181
RGB %
70%, 75%, 71%
HSL
135°, 8%, 72%
HSV
135°, 6%, 75%
CMYK
6%, 0%, 5%, 25%
LAB
76, -6, 3
XYZ
45.11, 49.63, 50.92
CSS Snippets
CSS Hex
color: #B2BEB5;
CSS RGB
color: rgb(178, 190, 181);
Background
background-color: #B2BEB5;
Border
border: 1px solid #B2BEB5;
Box Shadow
box-shadow: 0 4px 6px #B2BEB540;
Linear Gradient
background: linear-gradient(135deg, #B2BEB5 0%, #ffffff 100%);
Colors That Pair Well With Ash grey
Bold Contrast
Pair with Gravel for maximum visual impact. Perfect for call-to-action buttons or attention-grabbing designs.
#B2BEB5#4d414a
Clean & Professional
Combine with white and dark gray for a clean, professional look. Ideal for business websites and corporate branding.
#B2BEB5#FFFFFF#1F2937
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
#c1cbc4#8e9891
Color Variations
Tints (add white)
Tones (add grey)
What Goes With Ash grey?
Explore color palettes containing Ash grey and discover harmonious combinations for your designs.
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
This is an example of body text using the selected color scheme.
Contrast Ratio: 0.00
WCAG Score: 0
AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text
Contrast with White
UI Examples
This is an example of body text using the selected color scheme.
Contrast Ratio: 0.00
WCAG Score: 0
AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text
Color Blindness Simulation
Normal
Protanopia
Deuteranopia
Tritanopia
🎨 Closest Color Matches
As an Amazon Associate we earn from qualifying purchases.
Similar Colors
View all Gray colors →Colors with similar hex values and appearance to Ash grey
Frequently Asked Questions
What is the hex code for Ash grey?
#B2BEB5 — see all color formats above.
What colors go with Ash grey?
See our recommended pairings with design context, or explore the color harmonies for more options.
Is Ash grey accessible for text?
Check the accessibility section for WCAG contrast ratios against black and white backgrounds.
How do I use Ash grey in CSS?
Copy ready-to-use code from the CSS snippets section, or click any format in Color Conversions to copy.