#0C1C2C Color (Hex and RGB)
#0C1C2C
#0c1c2c has RGB values (12, 28, 44). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0C1C2C | R0CG1CB2C | |
| RGB | rgb(12 28 44) | R12G28B44 | |
| HSL | hsl(210 57% 11%) | H210°S57%L11% | |
| OKLCH | oklch(22% 0.04 250) | L0.22C0.04H250° | |
| HSV | hsv(210, 73%, 17%) | H210°S73%V17% | |
| CMYK | cmyk(73%, 36%, 0%, 83%) | C73%M36%Y0%K83% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00001100 | 00011100 | 00101100 |
| Octal | 14 | 34 | 54 |
| Decimal | 12 | 28 | 44 |
| Hex | 0c | 1c | 2c |
Shades & tints
Shades mix #0C1C2C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0C1C2C0%
- #0B1A289%
- #0A172517%
- #09152126%
- #08121D34%
- #07101943%
- #060E1651%
- #050B1259%
- #04090E68%
- #03070A77%
- #02040785%
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
#0C1C2C on #FFFFFF
17.24:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#0C1C2C on #000000
1.22:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #0C1C2C
17.24:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #0C1C2C
1.22:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #0c1c2c; - Background
background-color: #0c1c2c; - CSS variable
--color-0c1c2c: #0c1c2c; - Modern CSS
color: oklch(22% 0.04 250); - SCSS
$color-0c1c2c: #0c1c2c; - Tailwind
bg-[#0c1c2c] text-[#0c1c2c] - HTML
<div style="background-color: #0c1c2c"></div>