#FDCE2E Color (Hex and RGB)
#FDCE2E
#fdce2e has RGB values (253, 206, 46). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FDCE2E | RFDGCEB2E | |
| RGB | rgb(253 206 46) | R253G206B46 | |
| HSL | hsl(46 98% 59%) | H46°S98%L59% | |
| OKLCH | oklch(87% 0.17 91) | L0.87C0.17H91° | |
| HSV | hsv(46, 82%, 99%) | H46°S82%V99% | |
| CMYK | cmyk(0%, 19%, 82%, 1%) | C0%M19%Y82%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111101 | 11001110 | 00101110 |
| Octal | 375 | 316 | 56 |
| Decimal | 253 | 206 | 46 |
| Hex | fd | ce | 2e |
Shades & tints
Shades mix #FDCE2E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FDCE2E0%
- #E7BC2A9%
- #D2AB2617%
- #BC992226%
- #A7881E34%
- #91761A43%
- #7C651751%
- #66531359%
- #51420F68%
- #3B300B77%
- #261F0785%
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
#FDCE2E on #FFFFFF
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FDCE2E on #000000
14.04:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FDCE2E
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FDCE2E
14.04:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fdce2e; - Background
background-color: #fdce2e; - CSS variable
--color-fdce2e: #fdce2e; - Modern CSS
color: oklch(87% 0.17 91); - SCSS
$color-fdce2e: #fdce2e; - Tailwind
bg-[#fdce2e] text-[#fdce2e] - HTML
<div style="background-color: #fdce2e"></div>