What Color is Blue-Black
Blue-Black (Hex #24313D) is a soft, deep shade of blue. As a cool color, it pairs exceptionally well with contrasting oranges. Get RGB values, find matching paints, and download Blue-Black palettes.
Additional Information
- Color Family: Dark
- Temperature: Cool
- Associated Season: Winter
- Complementary Color: #3D3024
- Brightness: 46/255
- Saturation: 41%
Colors That Pair Well With Blue-Black
Complementary
Pair with Bistre for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Swirl for maximum readability. Ideal for text or critical UI elements.
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
Color Variations
Tints (add white)
Tones (add grey)
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #24313D;
color: rgb(36, 49, 61);
background-color: #24313D;
border: 3px solid #24313D;
box-shadow: 0 4px 12px #24313D66;
background: linear-gradient(135deg, #24313D 0%, #ffffff 100%);

Shop Premium Products in Blue-Black
This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.
Ships in 3-5 daysSecure Checkout
Product Details
Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.
- Material: Soft Eco Velvet.
- Feel: Velvety soft finish.
- Print: Double-sided, all-over vibrant color using water-based inks.
- Care: Machine washable at 30°C.
- Construction: Handmade to order with a concealed zipper.
Eco Credentials
We believe in sustainable style. Our cushions are crafted with the planet in mind.
- Made to Order: Produced only when you order, eliminating overproduction and waste.
- Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
- Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
- Vegan Friendly: No animal products are used in the production of these cushions.
What Goes With Blue-Black?
Explore color palettes containing Blue-Black and discover harmonious combinations for your designs.
Analogous
Complementary
Split-complementary
Tetradic
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Contrast with White
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Closest Color Matches
Similar Colors
View all Dark colors →Colors with similar hex values and appearance to Blue-Black
Frequently Asked Questions
What is the hex code for Blue-Black?
What colors go with Blue-Black?
Is Blue-Black accessible for text?
How do I use Blue-Black in CSS?
You can use Blue-Black in CSS with its hex code. Here is an example class:
.blue-black {
background-color: #24313D;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.