What color is Canary?
Canary is a bright, pale yellow with a soft glow, hex #FFFF99, close to the color of a ripe lemon. It is lighter than sunflower yellow and has a faintly cool, almost white quality in its lightest tones.
What is the meaning of the color Canary?
Named after the canary bird, native to the Canary Islands, the color entered English use as a descriptor for the bird’s distinctive yellow plumage by the late 17th century. The islands themselves take their name from the Latin Canariae Insulae, meaning Isle of Dogs, noted by Pliny the Elder around 77 AD. The bright yellow of captive canaries became a recognizable reference point as the birds spread across Europe through the 1600s as popular cage birds traded among the aristocracy. The shade was adopted in American safety standards during the 20th century, with canary yellow used for high-visibility workwear and equipment by organizations including ANSI.
What colors go with Canary?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFFF99 |
color: #FFFF99;
|
| RGB | 255, 255, 153 |
color: rgb(255, 255, 153);
|
| RGB Percentage | 100%, 100%, 60% |
color: rgb(100%, 100%, 60%);
|
| CMYK | 0%, 0%, 40%, 0% | Not supported in CSS |
| HSL | 60°, 100%, 80% |
color: hsl(60, 100%, 80%);
|
| HSV | 60°, 40%, 100% | Not supported in CSS |
| CIE-LAB | 64, 0, 34 |
color: lab(64% 0 34);
|
| Decimal | 16777113 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.canary {
color: #FFFF99;
}
$canary: #FFFF99;
rgb(255, 255, 153)