Color Meaning

Canary Yellow

What is Canary Yellow color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Canary Yellow, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#FFEF00
HEX#FFEF00
RGB255, 239, 0
HSL56°, 100%, 50%
HSB56°, 100%, 100%
CMYK0, 6, 100, 0
LAB93, -14, 91
XYZ72.1, 83.0, 12.2
LCH93, 93, 99°
LUV93, 18, 101
HWB56°, 0%, 0%

Canary Yellow Color Variations

Shades, tints, tones and hues built from canary-yellow. Hover any swatch to see its hex code.

Shades

#FFEF00
#DBCD00
#B6AB00
#928900
#6D6600
#494400
#242200
#000000

Tints

#FFEF00
#FFF124
#FFF449
#FFF66D
#FFF892
#FFFAB6
#FFFDDB
#FFFFFF

Tones

#FFEF00
#EDDF12
#DBCF25
#C9BF37
#B6B049
#A4A05B
#92906E
#808080

Hues

#FFEF00
#50FF00
#00FF70
#00CFFF
#0010FF
#AF00FF
#FF008F
#FF3000

Canary Yellow Color Contrast

Check how readable text and graphics are against canary-yellow. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#FFEF00
17.60Great

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Canary Yellow color with the hex code #FFEF00 is a bright, vibrant yellow inspired by the vivid feathers of the canary bird. It symbolizes happiness, optimism, energy, and positivity, creating an uplifting and attention-grabbing visual effect. In color psychology, Canary Yellow #FFEF00 is associated with joy, creativity, confidence, and mental clarity, making it an excellent choice for designs that aim to feel cheerful and inspiring.

Canary Yellow Color Harmonies

Ready-made color scheme combinations built around canary-yellow, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#FF7000
#FFEF00
#8FFF00

Complementary

#FFEF00
#0010FF

Split Complementary

#FFEF00
#008FFF
#7000FF

Triadic

#FFEF00
#00FFEF
#EF00FF

Tetradic

#FFEF00
#10FF00
#0010FF
#EF00FF

Square

#FFEF00
#00FF70
#0010FF
#FF008F

Canary Yellow Color Blindness Preview

See how canary-yellow is perceived by people with the most common color vision deficiencies.

Protanopia
#FFEF00
Original
#F8F83A
Protanopia
Deuteranopia
#FFEF00
Original
#F9FA48
Deuteranopia
Tritanopia
#FFEF00
Original
#FE6772
Tritanopia
Achromatopsia
#FFEF00
Original
#D9D9D9
Achromatopsia

Frequently Asked Questions

1. What colors go with Canary Yellow?

Canary Yellow pairs beautifully with neutral colors like white, gray, black, and beige for a balanced look. It also works well with navy blue, teal, emerald green, and purple to create bold, high-contrast palettes. For a softer appearance, combine Canary Yellow with pastel blue or blush pink.

2. What colors make Canary Yellow?

Canary Yellow is typically made by using pure yellow with a very small amount of green or by starting with a bright lemon yellow to achieve its vivid, slightly cool tone. To create the Canary Yellow color, keep the mixture predominantly yellow and avoid adding too much green, which can dull its bright appearance.

3. What is Canary Yellow?

Canary Yellow is a bright, vivid yellow color inspired by the feathers of the canary bird. The Canary Yellow color is represented by the hex code #FFEF00 and is often associated with happiness, optimism, creativity, and energy. It is widely used in branding, fashion, packaging, and design to create cheerful, eye-catching, and uplifting visuals.

More Color Meanings