#FDD20A Color (Hex and RGB)
#FDD20A
#fdd20a has RGB values (253, 210, 10). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FDD20A | RFDGD2B0A | |
| RGB | rgb(253 210 10) | R253G210B10 | |
| HSL | hsl(49 98% 52%) | H49°S98%L52% | |
| OKLCH | oklch(88% 0.18 94) | L0.88C0.18H94° | |
| HSV | hsv(49, 96%, 99%) | H49°S96%V99% | |
| CMYK | cmyk(0%, 17%, 96%, 1%) | C0%M17%Y96%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111101 | 11010010 | 00001010 |
| Octal | 375 | 322 | 12 |
| Decimal | 253 | 210 | 10 |
| Hex | fd | d2 | 0a |
Shades & tints
Shades mix #FDD20A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FDD20A0%
- #E7C0099%
- #D2AE0817%
- #BC9C0726%
- #A78B0734%
- #91790643%
- #7C670551%
- #66550459%
- #51430368%
- #3B310277%
- #26200285%
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
#FDD20A on #FFFFFF
1.46:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FDD20A on #000000
14.40:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FDD20A
1.46:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FDD20A
14.40:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fdd20a; - Background
background-color: #fdd20a; - CSS variable
--color-fdd20a: #fdd20a; - Modern CSS
color: oklch(88% 0.18 94); - SCSS
$color-fdd20a: #fdd20a; - Tailwind
bg-[#fdd20a] text-[#fdd20a] - HTML
<div style="background-color: #fdd20a"></div>