#C41E3A
RGB(196, 30, 58)
#FEF2F2
#FDE7E6
#FBD0D2
#F8A9AD
#F37981
#EA4959
#D62841
#C41E3A
#971A34
#811A32
#480916
Color Values
HEX
#C41E3A
RGB
rgb(196, 30, 58)
HSL
hsl(350°, 73%, 44%)
CMYK
0%, 85%, 70%, 23%
HSV
350°, 85%, 77%
XYZ
23.99, 12.97, 5.24
Color Variations
Monochromatic Colors of Cardinal Red (#C41E3A)
#821426
#98172D
#AE1B33
#C41E3A
#DA2141
#E03552
#E34B65
Tints of Cardinal Red (#C41E3A)
#C41E3A
#C9344D
#CF4A61
#D56175
#DB7888
#E18E9C
#E7A5B0
#EDBBC3
#F3D2D7
#F9E8EB
Triadic Colors of Cardinal Red (#C41E3A)
#C41E3A
#3AC41E
#1E3AC4
Analogous Colors of Cardinal Red (#C41E3A)
#C41E3A
#C4551E
#C41E8D
Complementary Colors of Cardinal Red (#C41E3A)
#C41E3A
#1EC4A8
CSS Examples
Cardinal Gradient Button
.cardinal-gradient-button {
background: linear-gradient(135deg, #c41e3a, #ea4959);
color: white;
padding: 12px 24px;
border: none;
border-radius: 25px;
box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3);
transition: transform 0.3s ease;
&:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(196, 30, 58, 0.4);
}
}Cardinal Glass Effect
.cardinal-glass {
background: rgba(196, 30, 58, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(196, 30, 58, 0.2);
box-shadow:
0 8px 32px rgba(196, 30, 58, 0.1),
inset 0 0 32px rgba(196, 30, 58, 0.05);
border-radius: 12px;
}Cardinal Text Effect
.cardinal-text {
color: #c41e3a;
text-shadow:
2px 2px 0 rgba(196, 30, 58, 0.2),
-2px -2px 0 rgba(255, 255, 255, 0.1);
font-weight: bold;
letter-spacing: 1px;
background: linear-gradient(45deg, #c41e3a, #ea4959);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Cardinal Border Animation
.cardinal-border {
position: relative;
border: 2px solid #c41e3a;
&::before {
content: '';
position: absolute;
top: -2px; right: -2px; bottom: -2px; left: -2px;
background: linear-gradient(45deg, #c41e3a, #ea4959, #c41e3a);
z-index: -1;
animation: borderGlow 2s linear infinite;
}
}
@keyframes borderGlow {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}Cardinal Card Design
.cardinal-card {
background: white;
border-left: 4px solid #c41e3a;
box-shadow:
10px 0 20px -5px rgba(196, 30, 58, 0.2),
-10px 0 20px -5px rgba(196, 30, 58, 0.2);
padding: 20px;
transition: all 0.3s ease;
&:hover {
transform: scale(1.02);
border-left-width: 8px;
}
}About Cardinal Red
Cardinal Red (#C41E3A) is a rich and vibrant red shade that embodies elegance and authority. Named after the distinctive robes worn by Roman Catholic cardinals, this color carries a legacy of religious and cultural significance.
Color Characteristics
- Rich, vibrant red shade
- High saturation (73%)
- Medium lightness (44%)
- Strong warm undertones
Color Values
- RGB: 196, 30, 58 (69.01%, 10.56%, 20.42%)
- HSL: 350°, 73%, 44%
- CMYK: 0%, 85%, 70%, 23%
- Web Safe: #CC3333
Usage in Design
Cardinal Red excels in:
- Religious and ceremonial designs
- Luxury branding
- Fashion and textiles
- Corporate identity
- Holiday themes
Color Combinations
- Pairs beautifully with gold
- Complements deep navy blue
- Works well with ivory and cream
- Effective with forest green
- Striking with metallic silver
