What Color is Gravelstone
Gravelstone (#D3C7B8) is a warm orange color associated with the spring season. Its complementary color is #2C3847.
Additional Information
- Color Family: Orange
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #2C3847
- Brightness: 201/255
- Saturation: 13%
Color Conversions
Hex
#D3C7B8
RGB
211, 199, 184
RGB %
83%, 78%, 72%
HSL
33°, 23%, 77%
HSV
33°, 13%, 83%
CMYK
0%, 6%, 13%, 17%
LAB
81, 2, 9
XYZ
55.94, 58.16, 53.62
CSS Snippets
CSS Hex
color: #D3C7B8;
CSS RGB
color: rgb(211, 199, 184);
Background
background-color: #D3C7B8;
Border
border: 1px solid #D3C7B8;
Box Shadow
box-shadow: 0 4px 6px #D3C7B840;
Linear Gradient
background: linear-gradient(135deg, #D3C7B8 0%, #ffffff 100%);
Colors That Pair Well With Gravelstone
Bold Contrast
Pair with Tuna for maximum visual impact. Perfect for call-to-action buttons or attention-grabbing designs.
#D3C7B8#2c3847
Clean & Professional
Combine with white and dark gray for a clean, professional look. Ideal for business websites and corporate branding.
#D3C7B8#FFFFFF#1F2937
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
#dcd2c6#a99f93
Color Variations
Tints (add white)
Tones (add grey)
What Goes With Gravelstone?
Explore color palettes containing Gravelstone and discover harmonious combinations for your designs.
Analogous
Complementary
Split-complementary
Tetradic
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 Orange colors →Colors with similar hex values and appearance to Gravelstone
Frequently Asked Questions
What is the hex code for Gravelstone?
#D3C7B8 — see all color formats above.
What colors go with Gravelstone?
See our recommended pairings with design context, or explore the color harmonies for more options.
Is Gravelstone accessible for text?
Check the accessibility section for WCAG contrast ratios against black and white backgrounds.
How do I use Gravelstone in CSS?
Copy ready-to-use code from the CSS snippets section, or click any format in Color Conversions to copy.