#D34037 Color (Hex and RGB)
#D34037
#d34037 has RGB values (211, 64, 55). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #D34037 | RD3G40B37 | |
| RGB | rgb(211 64 55) | R211G64B55 | |
| HSL | hsl(3 64% 52%) | H3°S64%L52% | |
| OKLCH | oklch(58% 0.19 28) | L0.58C0.19H28° | |
| HSV | hsv(3, 74%, 83%) | H3°S74%V83% | |
| CMYK | cmyk(0%, 70%, 74%, 17%) | C0%M70%Y74%K17% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11010011 | 01000000 | 00110111 |
| Octal | 323 | 100 | 67 |
| Decimal | 211 | 64 | 55 |
| Hex | d3 | 40 | 37 |
Shades & tints
Shades mix #D34037 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #D340370%
- #C13B329%
- #AF352E17%
- #9D302926%
- #8B2A2434%
- #79252043%
- #671F1B51%
- #551A1659%
- #44141268%
- #320F0D77%
- #200A0885%
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
#D34037 on #FFFFFF
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#D34037 on #000000
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #D34037
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #D34037
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #d34037; - Background
background-color: #d34037; - CSS variable
--color-d34037: #d34037; - Modern CSS
color: oklch(58% 0.19 28); - SCSS
$color-d34037: #d34037; - Tailwind
bg-[#d34037] text-[#d34037] - HTML
<div style="background-color: #d34037"></div>