#FFD659 Color (Hex and RGB)
#FFD659
#ffd659 has RGB values (255, 214, 89). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFD659 | RFFGD6B59 | |
| RGB | rgb(255 214 89) | R255G214B89 | |
| HSL | hsl(45 100% 67%) | H45°S100%L67% | |
| OKLCH | oklch(89% 0.15 91) | L0.89C0.15H91° | |
| HSV | hsv(45, 65%, 100%) | H45°S65%V100% | |
| CMYK | cmyk(0%, 16%, 65%, 0%) | C0%M16%Y65%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11010110 | 01011001 |
| Octal | 377 | 326 | 131 |
| Decimal | 255 | 214 | 89 |
| Hex | ff | d6 | 59 |
Shades & tints
Shades mix #FFD659 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFD6590%
- #E9C4519%
- #D4B24A17%
- #BE9F4226%
- #A88D3B34%
- #937B3343%
- #7D692C51%
- #67572459%
- #52441C68%
- #3C321577%
- #26200D85%
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
#FFD659 on #FFFFFF
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFD659 on #000000
15.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFD659
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFD659
15.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffd659; - Background
background-color: #ffd659; - CSS variable
--color-ffd659: #ffd659; - Modern CSS
color: oklch(89% 0.15 91); - SCSS
$color-ffd659: #ffd659; - Tailwind
bg-[#ffd659] text-[#ffd659] - HTML
<div style="background-color: #ffd659"></div>