#1A56A0 Color (Hex and RGB)
#1A56A0
#1a56a0 has RGB values (26, 86, 160). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1A56A0 | R1AG56BA0 | |
| RGB | rgb(26 86 160) | R26G86B160 | |
| HSL | hsl(213 72% 36%) | H213°S72%L36% | |
| OKLCH | oklch(46% 0.13 256) | L0.46C0.13H256° | |
| HSV | hsv(213, 84%, 63%) | H213°S84%V63% | |
| CMYK | cmyk(84%, 46%, 0%, 37%) | C84%M46%Y0%K37% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011010 | 01010110 | 10100000 |
| Octal | 32 | 126 | 240 |
| Decimal | 26 | 86 | 160 |
| Hex | 1a | 56 | a0 |
Shades & tints
Shades mix #1A56A0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1A56A00%
- #184F929%
- #16478517%
- #13407726%
- #11396A34%
- #0F315C43%
- #0D2A4E51%
- #0B234159%
- #081C3368%
- #06142677%
- #040D1885%
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
#1A56A0 on #FFFFFF
7.28:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#1A56A0 on #000000
2.88:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #1A56A0
7.28:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #1A56A0
2.88:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #1a56a0; - Background
background-color: #1a56a0; - CSS variable
--color-1a56a0: #1a56a0; - Modern CSS
color: oklch(46% 0.13 256); - SCSS
$color-1a56a0: #1a56a0; - Tailwind
bg-[#1a56a0] text-[#1a56a0] - HTML
<div style="background-color: #1a56a0"></div>