#DD2020 Color (Hex and RGB)
#DD2020
#dd2020 has RGB values (221, 32, 32). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #DD2020 | RDDG20B20 | |
| RGB | rgb(221 32 32) | R221G32B32 | |
| HSL | hsl(0 75% 50%) | H0°S75%L50% | |
| OKLCH | oklch(58% 0.22 28) | L0.58C0.22H28° | |
| HSV | hsv(0, 86%, 87%) | H0°S86%V87% | |
| CMYK | cmyk(0%, 86%, 86%, 13%) | C0%M86%Y86%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11011101 | 00100000 | 00100000 |
| Octal | 335 | 40 | 40 |
| Decimal | 221 | 32 | 32 |
| Hex | dd | 20 | 20 |
Shades & tints
Shades mix #DD2020 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #DD20200%
- #CA1D1D9%
- #B71B1B17%
- #A5181826%
- #92151534%
- #7F121243%
- #6C101051%
- #5A0D0D59%
- #470A0A68%
- #34080877%
- #21050585%
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
#DD2020 on #FFFFFF
4.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#DD2020 on #000000
4.30:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #DD2020
4.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #DD2020
4.30:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #dd2020; - Background
background-color: #dd2020; - CSS variable
--color-dd2020: #dd2020; - Modern CSS
color: oklch(58% 0.22 28); - SCSS
$color-dd2020: #dd2020; - Tailwind
bg-[#dd2020] text-[#dd2020] - HTML
<div style="background-color: #dd2020"></div>