#282C34 Color (Hex and RGB)
#282C34
#282c34 has RGB values (40, 44, 52). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #282C34 | R28G2CB34 | |
| RGB | rgb(40 44 52) | R40G44B52 | |
| HSL | hsl(220 13% 18%) | H220°S13%L18% | |
| OKLCH | oklch(29% 0.02 264) | L0.29C0.02H264° | |
| HSV | hsv(220, 23%, 20%) | H220°S23%V20% | |
| CMYK | cmyk(23%, 15%, 0%, 80%) | C23%M15%Y0%K80% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101000 | 00101100 | 00110100 |
| Octal | 50 | 54 | 64 |
| Decimal | 40 | 44 | 52 |
| Hex | 28 | 2c | 34 |
Shades & tints
Shades mix #282C34 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #282C340%
- #2528309%
- #21252B17%
- #1E212726%
- #1A1D2234%
- #17191E43%
- #14161951%
- #10121559%
- #0D0E1168%
- #090A0C77%
- #06070885%
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
#282C34 on #FFFFFF
14.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#282C34 on #000000
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #282C34
14.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #282C34
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #282c34; - Background
background-color: #282c34; - CSS variable
--color-282c34: #282c34; - Modern CSS
color: oklch(29% 0.02 264); - SCSS
$color-282c34: #282c34; - Tailwind
bg-[#282c34] text-[#282c34] - HTML
<div style="background-color: #282c34"></div>