#BB0A30 Color (Hex and RGB)
#BB0A30
#bb0a30 has RGB values (187, 10, 48). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #BB0A30 | RBBG0AB30 | |
| RGB | rgb(187 10 48) | R187G10B48 | |
| HSL | hsl(347 90% 39%) | H347°S90%L39% | |
| OKLCH | oklch(50% 0.2 20) | L0.5C0.2H20° | |
| HSV | hsv(347, 95%, 73%) | H347°S95%V73% | |
| CMYK | cmyk(0%, 95%, 74%, 27%) | C0%M95%Y74%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10111011 | 00001010 | 00110000 |
| Octal | 273 | 12 | 60 |
| Decimal | 187 | 10 | 48 |
| Hex | bb | 0a | 30 |
Shades & tints
Shades mix #BB0A30 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #BB0A300%
- #AB092C9%
- #9B082817%
- #8B072426%
- #7B072034%
- #6C061C43%
- #5C051851%
- #4C041359%
- #3C030F68%
- #2C020B77%
- #1C020785%
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
#BB0A30 on #FFFFFF
6.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#BB0A30 on #000000
3.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #BB0A30
6.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #BB0A30
3.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #bb0a30; - Background
background-color: #bb0a30; - CSS variable
--color-bb0a30: #bb0a30; - Modern CSS
color: oklch(50% 0.2 20); - SCSS
$color-bb0a30: #bb0a30; - Tailwind
bg-[#bb0a30] text-[#bb0a30] - HTML
<div style="background-color: #bb0a30"></div>