Black Leather Jacket
HEX: #253529 | Modern Palette
Color Specifications
#253529
37, 53, 41
135°, 30% ,20%
30.19, 0, 22.64, 79.22
About Black Leather Jacket
Black Leather Jacket (#253529) is a color with RGB(37, 53, 41) and HSL(135°, 30.19%, 20.78%). It is commonly associated with Earthy moods. In design, it fits Cool styles and is suitable for Text, Background, Print. Its complementary color is #352531, which creates strong contrast. Its triadic palette includes #292535 and #352925.
- HEX: #253529
- RGB: 37, 53, 41
- HSL: 135°, 30.19%, 20.78%
- Mood: Earthy
- Style: Cool
- Use case: Text, Background, Print
- Complementary color: #352531
- Triadic colors: #292535, #352925
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #253529 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#313129
#343429
#273434
#313131
Frequently Asked Questions
Code Snippets
/* Background */
.element {
background-color: #253529;
}
/* Text */
.element {
color: #253529;
}
/* Border */
.element {
border: 1px solid #253529;
}
/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#253529,
#45253D
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#253529,
#45253D
);
}
// SCSS variable
$black-leather-jacket: #253529;
// With RGB channels (useful for rgba() usage)
$black-leather-jacket-r: 37;
$black-leather-jacket-g: 53;
$black-leather-jacket-b: 41;
// Usage
.element {
background-color: $black-leather-jacket;
color: rgba($black-leather-jacket-r, $black-leather-jacket-g, $black-leather-jacket-b, 0.8);
}