#181716 Color (Hex and RGB)
#181716
#181716 has RGB values (24, 23, 22). The color reads primarily as near black in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #181716 | R18G17B16 | |
| RGB | rgb(24 23 22) | R24G23B22 | |
| HSL | hsl(30 4% 9%) | H30°S4%L9% | |
| OKLCH | oklch(21% 0 68) | L0.21C0H68° | |
| HSV | hsv(30, 8%, 9%) | H30°S8%V9% | |
| CMYK | cmyk(0%, 4%, 8%, 91%) | C0%M4%Y8%K91% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011000 | 00010111 | 00010110 |
| Octal | 30 | 27 | 26 |
| Decimal | 24 | 23 | 22 |
| Hex | 18 | 17 | 16 |
Shades & tints
Shades mix #181716 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1817160%
- #1615149%
- #14131217%
- #12111026%
- #100F0F34%
- #0E0D0D43%
- #0C0B0B51%
- #0A090959%
- #08070768%
- #06050577%
- #04030385%
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
#181716 on #FFFFFF
17.90:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#181716 on #000000
1.17:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #181716
17.90:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #181716
1.17:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #181716; - Background
background-color: #181716; - CSS variable
--color-181716: #181716; - Modern CSS
color: oklch(21% 0 68); - SCSS
$color-181716: #181716; - Tailwind
bg-[#181716] text-[#181716] - HTML
<div style="background-color: #181716"></div>