#18181B Color (Hex and RGB)
#18181B
#18181b has RGB values (24, 24, 27). The color reads primarily as near black in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #18181B | R18G18B1B | |
| RGB | rgb(24 24 27) | R24G24B27 | |
| HSL | hsl(240 6% 10%) | H240°S6%L10% | |
| OKLCH | oklch(21% 0.01 286) | L0.21C0.01H286° | |
| HSV | hsv(240, 11%, 11%) | H240°S11%V11% | |
| CMYK | cmyk(11%, 11%, 0%, 89%) | C11%M11%Y0%K89% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011000 | 00011000 | 00011011 |
| Octal | 30 | 30 | 33 |
| Decimal | 24 | 24 | 27 |
| Hex | 18 | 18 | 1b |
Shades & tints
Shades mix #18181B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #18181B0%
- #1616199%
- #14141617%
- #12121426%
- #10101234%
- #0E0E1043%
- #0C0C0D51%
- #0A0A0B59%
- #08080968%
- #06060677%
- #04040485%
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
#18181B on #FFFFFF
17.72:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#18181B on #000000
1.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #18181B
17.72:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #18181B
1.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #18181b; - Background
background-color: #18181b; - CSS variable
--color-18181b: #18181b; - Modern CSS
color: oklch(21% 0.01 286); - SCSS
$color-18181b: #18181b; - Tailwind
bg-[#18181b] text-[#18181b] - HTML
<div style="background-color: #18181b"></div>