#242124
RGB(36, 33, 36)
#242124
#403A40
#494349
#564E56
#6A5F6A
#807681
#9C939D
#BFB9C0
#DDDADD
#F0EEF0
#F8F7F8
Color Values
HEX
#242124
RGB
rgb(36, 33, 36)
HSL
hsl(300°, 4%, 14%)
CMYK
0%, 8%, 0%, 86%
HSV
300°, 8%, 14%
XYZ
1.59, 1.59, 1.89
Color Variations
Monochromatic Colors of Raisin Black (#242124)
#000000
#090909
#171517
#242124
#312D31
#3F393F
#4C464C
Tints of Raisin Black (#242124)
#393739
#4F4D4F
#656365
#7B797B
#919091
#A7A6A7
#BDBCBD
#D3D2D3
#E9E8E9
#FFFFFF
Triadic Colors of Raisin Black (#242124)
#242124
#242421
#212424
Analogous Colors of Raisin Black (#242124)
#242124
#242123
#232124
Complementary Colors of Raisin Black (#242124)
#242124
#212421
CSS Examples
Raisin Glass
.raisin-glass {
background: rgba(36,33,36,0.8);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,0.1);
box-shadow:
0 4px 30px rgba(36,33,36,0.3),
inset 0 1px 1px rgba(255,255,255,0.07);
}Dark Velvet
.dark-velvet {
background: linear-gradient(135deg, #242124, #312d31);
box-shadow:
0 2px 15px rgba(36,33,36,0.4),
inset 0 -2px 10px rgba(0,0,0,0.2);
border: 1px solid #312d31;
color: #f0eef0;
}Raisin Text
.raisin-text {
color: #242124;
text-shadow:
1px 1px 0 rgba(255,255,255,0.1),
-1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
letter-spacing: 0.5px;
}Dark Panel
.dark-panel {
background-color: #242124;
background-image:
linear-gradient(30deg, #312d31 12%, transparent 12.5%),
linear-gradient(150deg, #312d31 12%, transparent 12.5%);
background-size: 20px 20px;
box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
}Raisin Button
.raisin-button {
background: #242124;
color: #f0eef0;
border: none;
box-shadow:
0 3px 6px rgba(0,0,0,0.2),
inset 0 1px 1px rgba(255,255,255,0.1);
transition: transform 0.2s;
&:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
}About Raisin Black
Raisin Black (#242124) is a very dark shade of magenta that combines sophistication with subtle warmth. With its rich depth and mysterious undertones, it's perfect for creating elegant and sophisticated designs.
Color Characteristics
- Very dark magenta shade
- Low saturation (4%)
- Low lightness (14%)
- Subtle warm undertones
Color Values
- RGB: 36, 33, 36 (14.12%, 12.94%, 14.12%)
- HSL: 300°, 4%, 14%
- CMYK: 0%, 8%, 0%, 86%
- Web Safe: #333333
Usage in Design
Raisin Black excels in:
- Luxury branding
- Editorial design
- High-end packaging
- Digital interfaces
- Fashion applications
Color Combinations
- Pairs well with warm grays
- Complements soft whites
- Works with deep purples
- Effective with metallic accents
- Beautiful with muted pastels
