#FFDC80 Color (Hex and RGB)
#FFDC80
#ffdc80 has RGB values (255, 220, 128). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFDC80 | RFFGDCB80 | |
| RGB | rgb(255 220 128) | R255G220B128 | |
| HSL | hsl(43 100% 75%) | H43°S100%L75% | |
| OKLCH | oklch(90% 0.12 89) | L0.9C0.12H89° | |
| HSV | hsv(43, 50%, 100%) | H43°S50%V100% | |
| CMYK | cmyk(0%, 14%, 50%, 0%) | C0%M14%Y50%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11011100 | 10000000 |
| Octal | 377 | 334 | 200 |
| Decimal | 255 | 220 | 128 |
| Hex | ff | dc | 80 |
Shades & tints
Shades mix #FFDC80 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFDC800%
- #E9C9759%
- #D4B76A17%
- #BEA45F26%
- #A8915434%
- #937F4A43%
- #7D6C3F51%
- #67593459%
- #52462968%
- #3C341E77%
- #26211385%
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
#FFDC80 on #FFFFFF
1.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFDC80 on #000000
15.80:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFDC80
1.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFDC80
15.80:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffdc80; - Background
background-color: #ffdc80; - CSS variable
--color-ffdc80: #ffdc80; - Modern CSS
color: oklch(90% 0.12 89); - SCSS
$color-ffdc80: #ffdc80; - Tailwind
bg-[#ffdc80] text-[#ffdc80] - HTML
<div style="background-color: #ffdc80"></div>