Canary yellow color: code #FFEF00
Canary yellow
#FFEF00
Color codes
- HEX
#FFEF00 - RGB
rgb(255, 239, 0) - HSL
hsl(56, 100%, 50%) - HSV
hsv(56, 100%, 100%) - CMYK
cmyk(0%, 6%, 100%, 0%) - LAB
lab(93% -13.9 91.5) - OKLCH
oklch(93.5% 0.198 104.7)
About the color Canary yellow
Canary yellow has the HEX code #FFEF00, which corresponds to rgb(255, 239, 0) in the RGB model. On the color wheel its hue sits at 56°, with 100% saturation and 50% lightness (hsl(56, 100%, 50%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 17.59:1 contrast ratio on it, versus 1.19:1 for white.
For print, the approximate conversion is cmyk(0%, 6%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Canary yellow
Complementary
#FFEF00 · #0011FF
Analogous
#FF6F00 · #FFEF00 · #91FF00
Triadic
#FFEF00 · #00FFEE · #EE00FF
Tetradic
#FFEF00 · #00FF6F · #0011FF · #FF0091
Split-complementary
#FFEF00 · #0091FF · #6F00FF
Monochromatic
#807700 · #CCBE00 · #FFEF00 · #FFF34D · #FFF899
Canary yellow with white and black text
How to use it in CSS
:root {
--color-canary-yellow: #FFEF00;
--color-canary-yellow-rgb: 255, 239, 0;
}
.elemento {
background-color: var(--color-canary-yellow);
color: #000000;
}