#D22B2B
RGB(210, 43, 43)
#FDF3F3
#FDE3E3
#FCCCCC
#F8A9A9
#F27777
#E84B4B
#D22B2B
#B22323
#942020
#7B2121
#420D0D
Color Values
HEX
#D22B2B
RGB
rgb(210, 43, 43)
HSL
hsl(0°, 66%, 50%)
CMYK
0%, 80%, 80%, 18%
HSV
0°, 80%, 82%
XYZ
27.88, 15.60, 3.83
Color Variations
Monochromatic Colors of Cadmium Red (#D22B2B)
#931E1E
#A82222
#BD2727
#D22B2B
#D83F3F
#DC5454
#E06969
Tints of Cadmium Red (#D22B2B)
#D64040
#DB5555
#DF6A6A
#E47F7F
#E89595
#EDAAAA
#F1BFBF
#F6D4D4
#FAE9E9
#FFFFFF
Triadic Colors of Cadmium Red (#D22B2B)
#D22B2B
#2BD22B
#2B2BD2
Analogous Colors of Cadmium Red (#D22B2B)
#D22B2B
#D27F2B
#D22B7F
Complementary Colors of Cadmium Red (#D22B2B)
#D22B2B
#2BD2D2
CSS Examples
Fiery Glow
.fiery-glow {
background: linear-gradient(45deg, #d22b2b, #e84b4b);
box-shadow:
0 0 20px rgba(210, 43, 43, 0.6),
inset 0 0 30px rgba(178, 35, 35, 0.4);
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 20px rgba(210, 43, 43, 0.6); }
50% { box-shadow: 0 0 40px rgba(210, 43, 43, 0.8); }
}Passion Border
.passion-border {
border: 2px solid #d22b2b;
background: linear-gradient(to right,
rgba(210, 43, 43, 0.1),
rgba(210, 43, 43, 0.05));
box-shadow:
0 0 15px rgba(210, 43, 43, 0.3),
inset 0 0 20px rgba(210, 43, 43, 0.1);
transition: all 0.3s ease;
&:hover {
border-color: #e84b4b;
transform: scale(1.02);
}
}Cadmium Text
.cadmium-text {
color: #d22b2b;
text-shadow:
2px 2px 0 #942020,
-2px -2px 0 #f27777,
0 0 10px rgba(210, 43, 43, 0.5);
font-weight: bold;
letter-spacing: 1px;
animation: flicker 3s infinite;
}
@keyframes flicker {
0%, 100% { opacity: 1; }
50% { opacity: 0.9; }
}Heat Wave
.heat-wave {
background-color: #d22b2b;
background-image:
repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(178, 35, 35, 0.5) 10px,
rgba(178, 35, 35, 0.5) 20px
);
animation: move 20s linear infinite;
}
@keyframes move {
from { background-position: 0 0; }
to { background-position: 40px 40px; }
}Cadmium Button
.cadmium-button {
background: linear-gradient(to bottom, #d22b2b, #b22323);
color: white;
border: none;
box-shadow:
0 4px 6px rgba(66, 13, 13, 0.3),
inset 0 1px 0 rgba(242, 119, 119, 0.5);
transition: all 0.3s ease;
&:hover {
background: linear-gradient(to bottom, #e84b4b, #d22b2b);
transform: translateY(-2px);
box-shadow:
0 6px 12px rgba(66, 13, 13, 0.4),
inset 0 1px 0 rgba(242, 119, 119, 0.7);
}
&:active {
transform: translateY(1px);
}
}About Cadmium Red
Cadmium Red (#D22B2B) is a vibrant, warm red that commands attention. This intense hue is derived from cadmium sulfide, a compound discovered in the early 19th century.
Color Characteristics
- High saturation (66%)
- Medium lightness (50%)
- Pure red hue (0°)
- Strong warm undertones
- Intense and vibrant character
Color Values
- RGB: 210, 43, 43 (70.95%, 14.53%, 14.53%)
- HSL: 0°, 66%, 50%
- CMYK: 0%, 80%, 80%, 18%
- Web Safe: #CC3333
Usage in Design
Cadmium Red excels in:
- Brand identity
- Warning signals
- Artistic expression
- Packaging design
- Marketing materials
Color Combinations
- Pairs well with navy blue
- Complements turquoise
- Works with deep grays
- Effective with pure white
- Beautiful with gold accents
