#111827 Color (Hex and RGB)
#111827
#111827 has RGB values (17, 24, 39). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #111827 | R11G18B27 | |
| RGB | rgb(17 24 39) | R17G24B39 | |
| HSL | hsl(221 39% 11%) | H221°S39%L11% | |
| OKLCH | oklch(21% 0.03 265) | L0.21C0.03H265° | |
| HSV | hsv(221, 56%, 15%) | H221°S56%V15% | |
| CMYK | cmyk(56%, 38%, 0%, 85%) | C56%M38%Y0%K85% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010001 | 00011000 | 00100111 |
| Octal | 21 | 30 | 47 |
| Decimal | 17 | 24 | 39 |
| Hex | 11 | 18 | 27 |
Shades & tints
Shades mix #111827 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1118270%
- #1016249%
- #0E142017%
- #0D121D26%
- #0B101A34%
- #0A0E1643%
- #080C1351%
- #070A1059%
- #05080C68%
- #04060977%
- #03040685%
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
#111827 on #FFFFFF
17.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#111827 on #000000
1.18:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #111827
17.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #111827
1.18:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #111827; - Background
background-color: #111827; - CSS variable
--color-111827: #111827; - Modern CSS
color: oklch(21% 0.03 265); - SCSS
$color-111827: #111827; - Tailwind
bg-[#111827] text-[#111827] - HTML
<div style="background-color: #111827"></div>