#FDD800 Color (Hex and RGB)
#FDD800
#fdd800 has RGB values (253, 216, 0). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FDD800 | RFDGD8B00 | |
| RGB | rgb(253 216 0) | R253G216B0 | |
| HSL | hsl(51 100% 50%) | H51°S100%L50% | |
| OKLCH | oklch(89% 0.18 96) | L0.89C0.18H96° | |
| HSV | hsv(51, 100%, 99%) | H51°S100%V99% | |
| CMYK | cmyk(0%, 15%, 100%, 1%) | C0%M15%Y100%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111101 | 11011000 | 00000000 |
| Octal | 375 | 330 | 0 |
| Decimal | 253 | 216 | 0 |
| Hex | fd | d8 | 00 |
Shades & tints
Shades mix #FDD800 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FDD8000%
- #E7C6009%
- #D2B30017%
- #BCA10026%
- #A78F0034%
- #917C0043%
- #7C6A0051%
- #66570059%
- #51450068%
- #3B330077%
- #26200085%
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
#FDD800 on #FFFFFF
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FDD800 on #000000
15.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FDD800
1.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FDD800
15.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fdd800; - Background
background-color: #fdd800; - CSS variable
--color-fdd800: #fdd800; - Modern CSS
color: oklch(89% 0.18 96); - SCSS
$color-fdd800: #fdd800; - Tailwind
bg-[#fdd800] text-[#fdd800] - HTML
<div style="background-color: #fdd800"></div>