#A8163A
A dark, vivid red closely aligning with Brown.
About #A8163A
At its core, #A8163A is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 22, and 58.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 87% magenta, 65% yellow, and 34% black. The HSL representation is 345.2° hue, 76.8% saturation, and 37.3% lightness.
When using this color as a background, text legibility must be considered. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#A8163A
RGB168, 22, 58
HSL345.2°, 76.8%, 37.3%
CMYK0%, 87%, 65%, 34%
HSV345.2°, 86.9%, 65.9%
LAB36.4, 57.1, 19.3
XYZ17.2, 9.2, 4.9
Decimal11015738
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.39:1
Text on #FFFFFF
AAA
2.84:1
Text on #000000
FAIL
7.07:1
Text on #F8FAFC
AAA
2.42:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #A8163A;
}
.text-color {
color: #A8163A;
}
.border-color {
border: 2px solid #A8163A;
}