#FFD54F Color (Hex and RGB)
#FFD54F
#ffd54f has RGB values (255, 213, 79). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFD54F | RFFGD5B4F | |
| RGB | rgb(255 213 79) | R255G213B79 | |
| HSL | hsl(46 100% 65%) | H46°S100%L65% | |
| OKLCH | oklch(89% 0.15 91) | L0.89C0.15H91° | |
| HSV | hsv(46, 69%, 100%) | H46°S69%V100% | |
| CMYK | cmyk(0%, 16%, 69%, 0%) | C0%M16%Y69%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11010101 | 01001111 |
| Octal | 377 | 325 | 117 |
| Decimal | 255 | 213 | 79 |
| Hex | ff | d5 | 4f |
Shades & tints
Shades mix #FFD54F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFD54F0%
- #E9C3489%
- #D4B14217%
- #BE9F3B26%
- #A88D3434%
- #937A2D43%
- #7D682751%
- #67562059%
- #52441968%
- #3C321377%
- #26200C85%
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
#FFD54F on #FFFFFF
1.41:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFD54F on #000000
14.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFD54F
1.41:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFD54F
14.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffd54f; - Background
background-color: #ffd54f; - CSS variable
--color-ffd54f: #ffd54f; - Modern CSS
color: oklch(89% 0.15 91); - SCSS
$color-ffd54f: #ffd54f; - Tailwind
bg-[#ffd54f] text-[#ffd54f] - HTML
<div style="background-color: #ffd54f"></div>