#BA2026 Color (Hex and RGB)
#BA2026
#ba2026 has RGB values (186, 32, 38). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #BA2026 | RBAG20B26 | |
| RGB | rgb(186 32 38) | R186G32B38 | |
| HSL | hsl(358 71% 43%) | H358°S71%L43% | |
| OKLCH | oklch(51% 0.19 26) | L0.51C0.19H26° | |
| HSV | hsv(358, 83%, 73%) | H358°S83%V73% | |
| CMYK | cmyk(0%, 83%, 80%, 27%) | C0%M83%Y80%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10111010 | 00100000 | 00100110 |
| Octal | 272 | 40 | 46 |
| Decimal | 186 | 32 | 38 |
| Hex | ba | 20 | 26 |
Shades & tints
Shades mix #BA2026 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #BA20260%
- #AA1D239%
- #9A1B2017%
- #8B181C26%
- #7B151934%
- #6B121643%
- #5B101351%
- #4B0D0F59%
- #3C0A0C68%
- #2C080977%
- #1C050685%
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
#BA2026 on #FFFFFF
6.32:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#BA2026 on #000000
3.32:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #BA2026
6.32:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #BA2026
3.32:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #ba2026; - Background
background-color: #ba2026; - CSS variable
--color-ba2026: #ba2026; - Modern CSS
color: oklch(51% 0.19 26); - SCSS
$color-ba2026: #ba2026; - Tailwind
bg-[#ba2026] text-[#ba2026] - HTML
<div style="background-color: #ba2026"></div>