#A03027 Color (Hex and RGB)
#A03027
#a03027 has RGB values (160, 48, 39). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #A03027 | RA0G30B27 | |
| RGB | rgb(160 48 39) | R160G48B39 | |
| HSL | hsl(4 61% 39%) | H4°S61%L39% | |
| OKLCH | oklch(48% 0.15 29) | L0.48C0.15H29° | |
| HSV | hsv(4, 76%, 63%) | H4°S76%V63% | |
| CMYK | cmyk(0%, 70%, 76%, 37%) | C0%M70%Y76%K37% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10100000 | 00110000 | 00100111 |
| Octal | 240 | 60 | 47 |
| Decimal | 160 | 48 | 39 |
| Hex | a0 | 30 | 27 |
Shades & tints
Shades mix #A03027 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #A030270%
- #922C249%
- #85282017%
- #77241D26%
- #6A201A34%
- #5C1C1643%
- #4E181351%
- #41131059%
- #330F0C68%
- #260B0977%
- #18070685%
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
#A03027 on #FFFFFF
7.13:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#A03027 on #000000
2.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #A03027
7.13:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #A03027
2.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #a03027; - Background
background-color: #a03027; - CSS variable
--color-a03027: #a03027; - Modern CSS
color: oklch(48% 0.15 29); - SCSS
$color-a03027: #a03027; - Tailwind
bg-[#a03027] text-[#a03027] - HTML
<div style="background-color: #a03027"></div>