#B24F3F Color (Hex and RGB)
#B24F3F
#b24f3f has RGB values (178, 79, 63). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #B24F3F | RB2G4FB3F | |
| RGB | rgb(178 79 63) | R178G79B63 | |
| HSL | hsl(8 48% 47%) | H8°S48%L47% | |
| OKLCH | oklch(55% 0.13 31) | L0.55C0.13H31° | |
| HSV | hsv(8, 65%, 70%) | H8°S65%V70% | |
| CMYK | cmyk(0%, 56%, 65%, 30%) | C0%M56%Y65%K30% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10110010 | 01001111 | 00111111 |
| Octal | 262 | 117 | 77 |
| Decimal | 178 | 79 | 63 |
| Hex | b2 | 4f | 3f |
Shades & tints
Shades mix #B24F3F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #B24F3F0%
- #A3483A9%
- #94423417%
- #853B2F26%
- #75342A34%
- #662D2443%
- #57271F51%
- #48201A59%
- #39191468%
- #2A130F77%
- #1B0C0985%
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
#B24F3F on #FFFFFF
5.14:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#B24F3F on #000000
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #B24F3F
5.14:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #B24F3F
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #b24f3f; - Background
background-color: #b24f3f; - CSS variable
--color-b24f3f: #b24f3f; - Modern CSS
color: oklch(55% 0.13 31); - SCSS
$color-b24f3f: #b24f3f; - Tailwind
bg-[#b24f3f] text-[#b24f3f] - HTML
<div style="background-color: #b24f3f"></div>