#242424 Color (Hex and RGB)
#242424
#242424 has RGB values (36, 36, 36). The color reads primarily as near black in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #242424 | R24G24B24 | |
| RGB | rgb(36 36 36) | R36G36B36 | |
| HSL | hsl(0 0% 14%) | H0°S0%L14% | |
| OKLCH | oklch(26% 0 90) | L0.26C0H90° | |
| HSV | hsv(0, 0%, 14%) | H0°S0%V14% | |
| CMYK | cmyk(0%, 0%, 0%, 86%) | C0%M0%Y0%K86% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100100 | 00100100 | 00100100 |
| Octal | 44 | 44 | 44 |
| Decimal | 36 | 36 | 36 |
| Hex | 24 | 24 | 24 |
Shades & tints
Shades mix #242424 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2424240%
- #2121219%
- #1E1E1E17%
- #1B1B1B26%
- #18181834%
- #15151543%
- #12121251%
- #0F0F0F59%
- #0C0C0C68%
- #08080877%
- #05050585%
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
#242424 on #FFFFFF
15.52:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#242424 on #000000
1.35:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #242424
15.52:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #242424
1.35:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #242424; - Background
background-color: #242424; - CSS variable
--color-242424: #242424; - Modern CSS
color: oklch(26% 0 90); - SCSS
$color-242424: #242424; - Tailwind
bg-[#242424] text-[#242424] - HTML
<div style="background-color: #242424"></div>