Canary Yellow Color Code: HEX Code & RGB Code Values

Looking for specific canary yellow color code? Get exact canary yellow hex code #FFEF00 and canary yellow RGB code rgb(255,239,0). Complete color information for design and development projects featuring this vibrant, cheerful color.

HEX#FFEF00

RGBrgb(255,239,0)

Shades of Canary Yellow

Create custom shades of canary yellow with our color generator. Adjust hues, tints, and tones to find the perfect shade of canary yellow for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• FFEF00

  rgb(255, 239, 0)
• D0C314

  rgb(208, 195, 20)
• A39819

  rgb(163, 152, 25)
• 78701A

  rgb(120, 112, 26)
• 504A17

  rgb(80, 74, 23)
• 2B2711

  rgb(43, 39, 17)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• FFEF00

  rgb(255, 239, 0)
• FFF25E

  rgb(255, 242, 94)
• FFF589

  rgb(255, 245, 137)
• FFF8AC

  rgb(255, 248, 172)
• FFFACA

  rgb(255, 250, 202)
• FFFDE6

  rgb(255, 253, 230)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• FFEF00

  rgb(255, 239, 0)
• FFEE3E

  rgb(255, 238, 62)
• FFED64

  rgb(255, 237, 100)
• FDED86

  rgb(253, 237, 134)
• FAECA7

  rgb(250, 236, 167)
• F4EBC8

  rgb(244, 235, 200)
• 808080

  rgb(128, 128, 128)

Canary Yellow Palette

Explore curated and automatically generated color palettes featuring canary yellow. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FFFCC5

Light

#FFF895

Medium Light

#FFF361

Medium

#FFEF00

Medium Dark

#B5AA0F

Dark

#716910

Darkest

#333009

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#FFEF00

Left Dark

#FFF062

Left Medium

#FFF197

Left Light

#FDF3C6

Neutral

#F5F5F5

Right Light

#D4BEFA

Right Medium

#AD89FD

Right Dark

#7B53FF

Complementary End

#0010FF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFF69B

Medium

#FFEF00

Dark

#747300

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#FF0010

Left Adjacent 1

#FF7000

Main

#FFEF00

Right Adjacent 1

#90FF00

Right Adjacent 2

#10FF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#FFEF00

Complementary

#0010FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#FFEF00

Secondary

#00FFEF

Tertiary

#EF00FF

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#FFEF00

Right 90°

#00FF70

Complementary

#0010FF

Left 90°

#FF0090

Tetradic

Two pairs of complementary colors

4 colors

Main

#FFEF00

Secondary

#10FF00

Complementary

#0010FF

Complementary Secondary

#EF00FF

Split Complementary

Complementary colors ±30°

3 colors

Main

#FFEF00

Split Left

#008FFF

Split Right

#6F00FF

Cyclic

Circular gradient for periodic data

8 colors

0°

#FFEF00

45°

#50FF00

90°

#00FF70

135°

#00CFFF

180°

#0010FF

225°

#AF00FF

270°

#FF0090

315°

#FF3000

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9C79C

Pastel 1

#D1CEA9

Pastel 2

#D8D6B6

Pastel 3

#DFDDC3

Pastel 4

#E6E5D1

Deep Pastel

#EDECDE

Common Yellow Color Codes (HEX & RGB)

Shades of Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Yellow →

HEX:#FFFF00

RGB:rgb(255, 255, 0)

Light Yellow →

HEX:#FFFFE0

RGB:rgb(255, 255, 224)

Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Metallic Gold →

HEX:#B8860B

RGB:rgb(184, 134, 11)

Extract Canary Yellow Hex & RGB Codes from Image

Upload a photo to find the exact canary yellow HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Canary Yellow Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for canary yellow shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #FFEF00
• RGB:
  rgb(255, 239, 0)
• CMYK:
  cmyk(0%, 6%, 100%, 0%)
• HSV:
  hsv(56°, 100%, 100%)
• HSL:
  hsl(56°, 100%, 50%)

---

What is Canary Yellow?

Canary yellow is a bright, vibrant yellow color named after the bright yellow feathers of the canary bird. Canaries are small songbirds originally from the Canary Islands, known for their cheerful songs and striking yellow plumage.

The color canary yellow captures the bright, almost fluorescent quality of the canary's feathers, evoking feelings of cheerfulness, energy, and sunshine. It's one of the brightest shades of yellow, often used to grab attention.

The hex code for canary yellow is #FFEF00, with RGB values of rgb(255, 239, 0). This combination creates an extremely bright yellow that feels energetic and attention-grabbing.

Canary Yellow vs Similar Colors

Canary yellow is among the brightest yellows:

Color	HEX Code	Key Difference
Canary Yellow	#FFEF00	Ultra-bright yellow
Lemon	#FFF700	Slightly paler
Golden Yellow	#FFDF00	Warmer, more red
Gold	#FFD700	Even warmer

Canary yellow is brighter and cleaner than gold, and more saturated than lemon yellow. Its intense brightness makes it stand out.

Using Canary Yellow in Design

Canary yellow's brightness makes it versatile for attention-grabbing designs:

Web and UI Design: Canary yellow works well for call-to-action buttons, alerts, and highlighting important elements. It creates energetic interfaces. Pair with white or dark backgrounds for contrast.

Graphic Design: Canary yellow is ideal for warning signs, attention-grabbing posters, and cheerful materials. It pairs beautifully with navy blue, black, and soft pinks.

Fashion and Interiors: A bold color for statement pieces and accessories. In interiors, canary yellow adds energy as an accent.

Color Psychology and Meaning

Canary yellow carries energetic associations:

• Attention and urgency: Often used for warnings and alerts
• Happiness and cheer: Evokes feelings of sunshine and joy
• Energy and excitement: Stimulates enthusiasm and action
• Optimism and positivity: Conveys hopeful, upbeat vibes

Frequently Asked Questions

What is the canary yellow hex code?

The canary yellow hex code is #FFEF00. This bright yellow is used for attention-grabbing designs.

What colors go well with canary yellow?

Canary yellow pairs beautifully with navy blue, black, soft pink, and white.

Is canary yellow the same as lemon yellow?

No. Canary yellow (#FFEF00) is brighter and more saturated than lemon yellow (#FFF700).

What are the RGB values for canary yellow?

The canary yellow RGB code is rgb(255, 239, 0).

Why is it called canary yellow?

Canary yellow gets its name from the bright yellow feathers of the canary bird.