#FFDC69 Color (Hex and RGB)
#FFDC69
#ffdc69 has RGB values (255, 220, 105). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFDC69 | RFFGDCB69 | |
| RGB | rgb(255 220 105) | R255G220B105 | |
| HSL | hsl(46 100% 71%) | H46°S100%L71% | |
| OKLCH | oklch(90% 0.14 93) | L0.9C0.14H93° | |
| HSV | hsv(46, 59%, 100%) | H46°S59%V100% | |
| CMYK | cmyk(0%, 14%, 59%, 0%) | C0%M14%Y59%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11011100 | 01101001 |
| Octal | 377 | 334 | 151 |
| Decimal | 255 | 220 | 105 |
| Hex | ff | dc | 69 |
Shades & tints
Shades mix #FFDC69 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFDC690%
- #E9C9609%
- #D4B75717%
- #BEA44E26%
- #A8914534%
- #937F3C43%
- #7D6C3351%
- #67592B59%
- #52462268%
- #3C341977%
- #26211085%
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
#FFDC69 on #FFFFFF
1.34:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFDC69 on #000000
15.69:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFDC69
1.34:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFDC69
15.69:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffdc69; - Background
background-color: #ffdc69; - CSS variable
--color-ffdc69: #ffdc69; - Modern CSS
color: oklch(90% 0.14 93); - SCSS
$color-ffdc69: #ffdc69; - Tailwind
bg-[#ffdc69] text-[#ffdc69] - HTML
<div style="background-color: #ffdc69"></div>