#FFFF00 Color (Hex and RGB)
#FFFF00
#ffff00 has RGB values (255, 255, 0). This hex code is also a web-safe color equal to #ff0. The color reads primarily as yellow in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFFF00 | RFFGFFB00 | |
| RGB | rgb(255 255 0) | R255G255B0 | |
| HSL | hsl(60 100% 50%) | H60°S100%L50% | |
| OKLCH | oklch(97% 0.21 110) | L0.97C0.21H110° | |
| HSV | hsv(60, 100%, 100%) | H60°S100%V100% | |
| CMYK | cmyk(0%, 0%, 100%, 0%) | C0%M0%Y100%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11111111 | 00000000 |
| Octal | 377 | 377 | 0 |
| Decimal | 255 | 255 | 0 |
| Hex | ff | ff | 00 |
Shades & tints
Shades mix #FFFF00 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFFF000%
- #E9E9009%
- #D4D40017%
- #BEBE0026%
- #A8A80034%
- #93930043%
- #7D7D0051%
- #67670059%
- #52520068%
- #3C3C0077%
- #26260085%
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
#FFFF00 on #FFFFFF
1.07:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFF00 on #000000
19.56:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFFF00
1.07:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFFF00
19.56:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffff00; - Background
background-color: #ffff00; - CSS variable
--color-ffff00: #ffff00; - Modern CSS
color: oklch(97% 0.21 110); - SCSS
$color-ffff00: #ffff00; - Tailwind
bg-[#ffff00] text-[#ffff00] - HTML
<div style="background-color: #ffff00"></div>