#DF0067 Color (Hex and RGB)
#DF0067
#df0067 has RGB values (223, 0, 103). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #DF0067 | RDFG00B67 | |
| RGB | rgb(223 0 103) | R223G0B103 | |
| HSL | hsl(332 100% 44%) | H332°S100%L44% | |
| OKLCH | oklch(58% 0.23 5) | L0.58C0.23H5° | |
| HSV | hsv(332, 100%, 87%) | H332°S100%V87% | |
| CMYK | cmyk(0%, 100%, 54%, 13%) | C0%M100%Y54%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11011111 | 00000000 | 01100111 |
| Octal | 337 | 0 | 147 |
| Decimal | 223 | 0 | 103 |
| Hex | df | 00 | 67 |
Shades & tints
Shades mix #DF0067 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #DF00670%
- #CC005E9%
- #B9005517%
- #A6004D26%
- #93004434%
- #80003B43%
- #6D003251%
- #5A002A59%
- #47002168%
- #34001877%
- #21000F85%
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
#DF0067 on #FFFFFF
4.85:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#DF0067 on #000000
4.33:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #DF0067
4.85:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #DF0067
4.33:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #df0067; - Background
background-color: #df0067; - CSS variable
--color-df0067: #df0067; - Modern CSS
color: oklch(58% 0.23 5); - SCSS
$color-df0067: #df0067; - Tailwind
bg-[#df0067] text-[#df0067] - HTML
<div style="background-color: #df0067"></div>