#B32317 Color (Hex and RGB)
#B32317
#b32317 has RGB values (179, 35, 23). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #B32317 | RB3G23B17 | |
| RGB | rgb(179 35 23) | R179G35B23 | |
| HSL | hsl(5 77% 40%) | H5°S77%L40% | |
| OKLCH | oklch(50% 0.18 30) | L0.5C0.18H30° | |
| HSV | hsv(5, 87%, 70%) | H5°S87%V70% | |
| CMYK | cmyk(0%, 80%, 87%, 30%) | C0%M80%Y87%K30% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10110011 | 00100011 | 00010111 |
| Octal | 263 | 43 | 27 |
| Decimal | 179 | 35 | 23 |
| Hex | b3 | 23 | 17 |
Shades & tints
Shades mix #B32317 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #B323170%
- #A420159%
- #951D1317%
- #851A1126%
- #76170F34%
- #67140D43%
- #58110B51%
- #480E0959%
- #390B0768%
- #2A080577%
- #1B050385%
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
#B32317 on #FFFFFF
6.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#B32317 on #000000
3.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #B32317
6.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #B32317
3.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #b32317; - Background
background-color: #b32317; - CSS variable
--color-b32317: #b32317; - Modern CSS
color: oklch(50% 0.18 30); - SCSS
$color-b32317: #b32317; - Tailwind
bg-[#b32317] text-[#b32317] - HTML
<div style="background-color: #b32317"></div>