Cool Black
HEX: #002E63 | Modern Palette
Color Specifications
#002E63
0, 46, 99
212°, 100% ,38%
100, 53.54, 0, 61.18
About Cool Black
Cool Black (#002E63) is a color with RGB(0, 46, 99) and HSL(212.12°, 100%, 38.82%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #633500, which creates strong contrast. Its triadic palette includes #63002E and #2E6300. The name comes from Cool Black (English).
- HEX: #002E63
- RGB: 0, 46, 99
- HSL: 212.12°, 100%, 38.82%
- Mood: Bold
- Style: Vivid, Cool
- Use case: Text, Button, Accent
- Complementary color: #633500
- Triadic colors: #63002E, #2E6300
- The name comes from Cool Black (English).
Live Components
Color Palettes
Cool Black #002E63 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Cool Black #002E63 pairs with #633500 as its complementary color, and #63002E and #2E6300 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The concept of 'cool' and 'warm' colors has existed in art theory for centuries, but applying 'cool' directly to 'black' as a common descriptor is a more modern phenomenon. Traditional color theory often places black as an achromatic (neutral) color, but in practice, blacks can have discernible undertones. With the advent of digital color models (RGB, CMYK) and the ability to precisely specify colors, designers began to intentionally create and name 'cool blacks' (blacks with blue or green undertones) and 'warm blacks' (blacks with red or yellow undertones) to achieve specific aesthetic effects. #002e63 is a prime example of a color that, while technically a very dark blue, functions visually as a 'cool black' due to its extreme darkness.
First Recorded Use
The exact first use is difficult to pinpoint as 'Cool Black' is more of a descriptive phrase than a formally named color in most historical contexts. Its usage likely emerged with the rise of digital color specification and graphic design, where designers needed to differentiate various shades of black. The specific hex code #002e63 is a very dark blue, often perceived as a 'cool black' due to its depth and blue undertone.
Cultural Associations
In design and fashion, 'cool black' often conveys sophistication, modernity, and a certain understated elegance. It can be associated with technology, luxury goods, and minimalist aesthetics. Unlike a pure black, which can sometimes feel stark or harsh, a cool black like #002e63 offers a subtle depth and richness that can be perceived as more refined or less absolute. It's frequently used in branding for companies wanting to project a serious yet contemporary image.
Code Snippets
/* Background */
.element {
background-color: #002E63;
}
/* Text */
.element {
color: #002E63;
}
/* Border */
.element {
border: 1px solid #002E63;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#002E63,
#C66A00
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#002E63,
#C66A00
);
}// SCSS variable
$cool-black: #002E63;
// With RGB channels (useful for rgba() usage)
$cool-black-r: 0;
$cool-black-g: 46;
$cool-black-b: 99;
// Usage
.element {
background-color: $cool-black;
color: rgba($cool-black-r, $cool-black-g, $cool-black-b, 0.8);
}