#B0A696 Color (Hex and RGB)
#B0A696
#b0a696 has RGB values (176, 166, 150). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #B0A696 | RB0GA6B96 | |
| RGB | rgb(176 166 150) | R176G166B150 | |
| HSL | hsl(37 14% 64%) | H37°S14%L64% | |
| OKLCH | oklch(73% 0.03 80) | L0.73C0.03H80° | |
| HSV | hsv(37, 15%, 69%) | H37°S15%V69% | |
| CMYK | cmyk(0%, 6%, 15%, 31%) | C0%M6%Y15%K31% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10110000 | 10100110 | 10010110 |
| Octal | 260 | 246 | 226 |
| Decimal | 176 | 166 | 150 |
| Hex | b0 | a6 | 96 |
Shades & tints
Shades mix #B0A696 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #B0A6960%
- #A198899%
- #928A7D17%
- #837C7026%
- #746E6334%
- #655F5643%
- #56514A51%
- #47433D59%
- #38353068%
- #29272377%
- #1A191785%
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
#B0A696 on #FFFFFF
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#B0A696 on #000000
8.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #B0A696
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #B0A696
8.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #b0a696; - Background
background-color: #b0a696; - CSS variable
--color-b0a696: #b0a696; - Modern CSS
color: oklch(73% 0.03 80); - SCSS
$color-b0a696: #b0a696; - Tailwind
bg-[#b0a696] text-[#b0a696] - HTML
<div style="background-color: #b0a696"></div>