#D7584F Color (Hex and RGB)
#D7584F
#d7584f has RGB values (215, 88, 79). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #D7584F | RD7G58B4F | |
| RGB | rgb(215 88 79) | R215G88B79 | |
| HSL | hsl(4 63% 58%) | H4°S63%L58% | |
| OKLCH | oklch(62% 0.16 27) | L0.62C0.16H27° | |
| HSV | hsv(4, 63%, 84%) | H4°S63%V84% | |
| CMYK | cmyk(0%, 59%, 63%, 16%) | C0%M59%Y63%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11010111 | 01011000 | 01001111 |
| Octal | 327 | 130 | 117 |
| Decimal | 215 | 88 | 79 |
| Hex | d7 | 58 | 4f |
Shades & tints
Shades mix #D7584F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #D7584F0%
- #C551489%
- #B2494217%
- #A0423B26%
- #8E3A3434%
- #7C332D43%
- #692B2751%
- #57242059%
- #451C1968%
- #33151377%
- #200D0C85%
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
#D7584F on #FFFFFF
3.89:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#D7584F on #000000
5.40:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #D7584F
3.89:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #D7584F
5.40:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #d7584f; - Background
background-color: #d7584f; - CSS variable
--color-d7584f: #d7584f; - Modern CSS
color: oklch(62% 0.16 27); - SCSS
$color-d7584f: #d7584f; - Tailwind
bg-[#d7584f] text-[#d7584f] - HTML
<div style="background-color: #d7584f"></div>