#DFB226 Color (Hex and RGB)
#DFB226
#dfb226 has RGB values (223, 178, 38). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #DFB226 | RDFGB2B26 | |
| RGB | rgb(223 178 38) | R223G178B38 | |
| HSL | hsl(45 74% 51%) | H45°S74%L51% | |
| OKLCH | oklch(78% 0.15 89) | L0.78C0.15H89° | |
| HSV | hsv(45, 83%, 87%) | H45°S83%V87% | |
| CMYK | cmyk(0%, 20%, 83%, 13%) | C0%M20%Y83%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11011111 | 10110010 | 00100110 |
| Octal | 337 | 262 | 46 |
| Decimal | 223 | 178 | 38 |
| Hex | df | b2 | 26 |
Shades & tints
Shades mix #DFB226 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #DFB2260%
- #CCA3239%
- #B9942017%
- #A6851C26%
- #93751934%
- #80661643%
- #6D571351%
- #5A480F59%
- #47390C68%
- #342A0977%
- #211B0685%
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
#DFB226 on #FFFFFF
1.99:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#DFB226 on #000000
10.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #DFB226
1.99:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #DFB226
10.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #dfb226; - Background
background-color: #dfb226; - CSS variable
--color-dfb226: #dfb226; - Modern CSS
color: oklch(78% 0.15 89); - SCSS
$color-dfb226: #dfb226; - Tailwind
bg-[#dfb226] text-[#dfb226] - HTML
<div style="background-color: #dfb226"></div>