#DD0031 Color (Hex and RGB)
#DD0031
#dd0031 has RGB values (221, 0, 49). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #DD0031 | RDDG00B31 | |
| RGB | rgb(221 0 49) | R221G0B49 | |
| HSL | hsl(347 100% 43%) | H347°S100%L43% | |
| OKLCH | oklch(57% 0.23 22) | L0.57C0.23H22° | |
| HSV | hsv(347, 100%, 87%) | H347°S100%V87% | |
| CMYK | cmyk(0%, 100%, 78%, 13%) | C0%M100%Y78%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11011101 | 00000000 | 00110001 |
| Octal | 335 | 0 | 61 |
| Decimal | 221 | 0 | 49 |
| Hex | dd | 00 | 31 |
Shades & tints
Shades mix #DD0031 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #DD00310%
- #CA002D9%
- #B7002917%
- #A5002526%
- #92002034%
- #7F001C43%
- #6C001851%
- #5A001459%
- #47001068%
- #34000C77%
- #21000785%
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
#DD0031 on #FFFFFF
5.10:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#DD0031 on #000000
4.12:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #DD0031
5.10:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #DD0031
4.12:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #dd0031; - Background
background-color: #dd0031; - CSS variable
--color-dd0031: #dd0031; - Modern CSS
color: oklch(57% 0.23 22); - SCSS
$color-dd0031: #dd0031; - Tailwind
bg-[#dd0031] text-[#dd0031] - HTML
<div style="background-color: #dd0031"></div>