#FDD666 Color (Hex and RGB)
#FDD666
#fdd666 has RGB values (253, 214, 102). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FDD666 | RFDGD6B66 | |
| RGB | rgb(253 214 102) | R253G214B102 | |
| HSL | hsl(45 97% 70%) | H45°S97%L70% | |
| OKLCH | oklch(89% 0.14 90) | L0.89C0.14H90° | |
| HSV | hsv(45, 60%, 99%) | H45°S60%V99% | |
| CMYK | cmyk(0%, 15%, 60%, 1%) | C0%M15%Y60%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111101 | 11010110 | 01100110 |
| Octal | 375 | 326 | 146 |
| Decimal | 253 | 214 | 102 |
| Hex | fd | d6 | 66 |
Shades & tints
Shades mix #FDD666 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FDD6660%
- #E7C45D9%
- #D2B25517%
- #BC9F4C26%
- #A78D4334%
- #917B3B43%
- #7C693251%
- #66572959%
- #51442168%
- #3B321877%
- #26200F85%
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
#FDD666 on #FFFFFF
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FDD666 on #000000
14.99:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FDD666
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FDD666
14.99:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fdd666; - Background
background-color: #fdd666; - CSS variable
--color-fdd666: #fdd666; - Modern CSS
color: oklch(89% 0.14 90); - SCSS
$color-fdd666: #fdd666; - Tailwind
bg-[#fdd666] text-[#fdd666] - HTML
<div style="background-color: #fdd666"></div>