#0A1530 Color (Hex and RGB)
#0A1530
#0a1530 has RGB values (10, 21, 48). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0A1530 | R0AG15B30 | |
| RGB | rgb(10 21 48) | R10G21B48 | |
| HSL | hsl(223 66% 11%) | H223°S66%L11% | |
| OKLCH | oklch(20% 0.06 265) | L0.2C0.06H265° | |
| HSV | hsv(223, 79%, 19%) | H223°S79%V19% | |
| CMYK | cmyk(79%, 56%, 0%, 81%) | C79%M56%Y0%K81% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00001010 | 00010101 | 00110000 |
| Octal | 12 | 25 | 60 |
| Decimal | 10 | 21 | 48 |
| Hex | 0a | 15 | 30 |
Shades & tints
Shades mix #0A1530 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0A15300%
- #09132C9%
- #08112817%
- #07102426%
- #070E2034%
- #060C1C43%
- #050A1851%
- #04091359%
- #03070F68%
- #02050B77%
- #02030785%
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
#0A1530 on #FFFFFF
18.06:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#0A1530 on #000000
1.16:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #0A1530
18.06:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #0A1530
1.16:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #0a1530; - Background
background-color: #0a1530; - CSS variable
--color-0a1530: #0a1530; - Modern CSS
color: oklch(20% 0.06 265); - SCSS
$color-0a1530: #0a1530; - Tailwind
bg-[#0a1530] text-[#0a1530] - HTML
<div style="background-color: #0a1530"></div>