Canary Yellow

HEX #FFED5F / RGB (255, 237, 95)

Canary bird

What is Canary Yellow Color?

Canary Yellow (Hex code: FFED5F) Thumbnail

Canary Yellow has the hex code #FFED5F. The equivalent RGB values are (255, 237, 95), which means it is composed of 43% red, 40% green and 16% blue. The CMYK color codes, used in printers, are C:0 M:7 Y:63 K:0. In the HSV/HSB scale, Canary Yellow has a hue of 53°, 63% saturation and a brightness value of 100%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Named after the canary bird though the animal can range from dark yellow to pink. The color displayed on this page is a vivid yellow color and can be used in HTML and CSS with its hex, RGB, CMYK or HSB color values.

Canary Yellow Color Codes

Hex Code#FFED5F
RGB Values(255, 237, 95)
CMYK Values(0%, 7%, 63%, 0%)
HSV/HSB Values(53°, 63%, 100%)
Closest Web Safe#FFFF66
Inverse Color#0012A0 [Zaffre]
Closest Pantone®100 C
Closest RAL1016 [Sulphur yellow]
Complementary Color#5F71FF [Very Light Blue]
Canary Yellow Converted to Grayscale Codes
Simple Average#C4C4C4
Weighted Average (Most Common)#E3E3E3
Weighted Average (Luma)#E7E7E7
Weighted Average (Gamma Adjusted)#ECECEC

Canary Yellow Color Palettes

Complementary color palette of FFED5F. Complementary color is 5F71FF

Complementary Palette

The complement of Canary Yellow is Very Light Blue with the hex code #5F71FF. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #FFED5F color is offered by #5F71FF. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (FFED5F, C1FF5F and FF9D5F)

Analogous Palette

The analogous colors of Canary Yellow (#FFED5F) are Inchworm (#C1FF5F) and Atomic Tangerine (#FF9D5F). In the RGB color wheel, these two analogous colors occur to the right and left of Canary Yellow with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (FFED5F, 5FC1FF and 9D5FFF)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Canary Yellow (#FFED5F) are #5FC1FF (Maya Blue) and #9D5FFF (Lavender Indigo). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (FFED5F, 5FFFED and ED5FFF)

Triadic Palette

Canary Yellow triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #5FFFED (Electric Blue) and #ED5FFF (Shocking Pink (Crayola)) along with #FFED5F create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (FFED5F, 5FFFED, 5F71FF and FF5F71)

Tetradic Palette

The tetradic palette of Canary Yellow has four colors - #5FFFED (Electric Blue), #5F71FF (Very Light Blue) and #FF5F71 (Fiery Rose) in addition to the base color (#FFED5F). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (FFED5F, 5FFF9D, 5F71FF and FF5FC1)

Square Palette

Canary Yellow square color palette has #5FFF9D (Very Light Malachite Green), #5F71FF (Very Light Blue) and #FF5FC1 (Light Deep Pink). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Canary Yellow Color Rainbow Palette

Our Canary Yellow rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Canary Yellow Color


  • Transparent FFF17F#FFF17F
  • Transparent FFF28F#FFF28F
  • Transparent FFF49F#FFF49F
  • Transparent FFF6AF#FFF6AF
  • Transparent FFF8BF#FFF8BF
  • Transparent FFFACF#FFFACF
  • Transparent FFFBDF#FFFBDF
  • Transparent FFFDEF#FFFDEF


  • Transparent E6D766#E6D766
  • Transparent D9CC69#D9CC69
  • Transparent CCC16C#CCC16C
  • Transparent C0B770#C0B770
  • Transparent B3AC73#B3AC73
  • Transparent A6A176#A6A176
  • Transparent 999679#999679
  • Transparent 8D8B7D#8D8B7D


  • Transparent CCBE4C#CCBE4C
  • Transparent B3A643#B3A643
  • Transparent 998E39#998E39
  • Transparent 807730#807730
  • Transparent 665F26#665F26
  • Transparent 4D471D#4D471D
  • Transparent 332F13#332F13
  • Transparent 1A180A#1A180A

Canary Yellow Color Patterns

  • Transparent

    Canary Yellow Gingham Checks

  • Transparent

    Canary Yellow Vertical Stripes Pattern

  • Transparent

    Canary Yellow Polka Dots Pattern

  • Transparent

    Canary Yellow Honeycomb Pattern

  • Transparent

    Canary Yellow Leaves Pattern

  • Transparent

    Canary Yellow Houndstooth Pattern

  • Transparent

    Canary Yellow Trellis Pattern

  • Transparent

    Canary Yellow Plaid Pattern

Photo credits: