#AD182D Color (Hex and RGB)
#AD182D
#ad182d has RGB values (173, 24, 45). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #AD182D | RADG18B2D | |
| RGB | rgb(173 24 45) | R173G24B45 | |
| HSL | hsl(352 76% 39%) | H352°S76%L39% | |
| OKLCH | oklch(48% 0.18 21) | L0.48C0.18H21° | |
| HSV | hsv(352, 86%, 68%) | H352°S86%V68% | |
| CMYK | cmyk(0%, 86%, 74%, 32%) | C0%M86%Y74%K32% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101101 | 00011000 | 00101101 |
| Octal | 255 | 30 | 55 |
| Decimal | 173 | 24 | 45 |
| Hex | ad | 18 | 2d |
Shades & tints
Shades mix #AD182D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #AD182D0%
- #9E16299%
- #90142517%
- #81122226%
- #72101E34%
- #630E1A43%
- #550C1651%
- #460A1259%
- #37080E68%
- #29060B77%
- #1A040785%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#AD182D on #FFFFFF
7.13:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#AD182D on #000000
2.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #AD182D
7.13:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #AD182D
2.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #ad182d; - Background
background-color: #ad182d; - CSS variable
--color-ad182d: #ad182d; - Modern CSS
color: oklch(48% 0.18 21); - SCSS
$color-ad182d: #ad182d; - Tailwind
bg-[#ad182d] text-[#ad182d] - HTML
<div style="background-color: #ad182d"></div>