Blue Yonder

HEX #5A77A8 / RGB (90, 119, 168)

Mountains in a distance

What is Blue Yonder Color?

Blue Yonder (Hex code: 5A77A8) Thumbnail

Blue Yonder is a Pantone® Textile Cotton eXtended (TCX) color with the number 18-3937 TCX.

Blue Yonder Color Codes

Hex Code#5A77A8
RGB Values(90, 119, 168)
CMYK Values(46%, 29%, 0%, 34%)
HSV/HSB Values(218°, 46%, 66%)
Closest Web Safe#666699
Inverse Color#A58857 [Bronze (Metallic)]
Pantone®18-3937 TCX
Closest RAL5014 [Pigeon blue]
Complementary Color#A88B5A [Bronze (Metallic)]
Blue Yonder Converted to Grayscale Codes
Simple Average#7E7E7E
Weighted Average (Most Common)#747474
Weighted Average (Luma)#747474
Weighted Average (Gamma Adjusted)#AEAEAE

Blue Yonder Color Palettes

Complementary color palette of 5A77A8. Complementary color is A88B5A

Complementary Palette

The complement of Blue Yonder is Bronze (Metallic) with the hex code #A88B5A. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #5A77A8 color is offered by #A88B5A. 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 (5A77A8, 645AA8 and 5A9EA8)

Analogous Palette

The analogous colors of Blue Yonder (#5A77A8) are Liberty (#645AA8) and Cadet Blue (#5A9EA8). In the RGB color wheel, these two analogous colors occur to the right and left of Blue Yonder 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 (5A77A8, A8645A and 9EA85A)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Blue Yonder (#5A77A8) are #A8645A (Redwood) and #9EA85A (Moss Green). 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 (5A77A8, A85A77 and 77A85A)

Triadic Palette

Blue Yonder triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #A85A77 (China Rose) and #77A85A (Bud Green) along with #5A77A8 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 (5A77A8, A85A77, A88B5A and 5AA88B)

Tetradic Palette

The tetradic palette of Blue Yonder has four colors - #A85A77 (China Rose), #A88B5A (Bronze (Metallic)) and #5AA88B (Polished Pine) in addition to the base color (#5A77A8). 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 (5A77A8, A85A9E, A88B5A and 5AA864)

Square Palette

Blue Yonder square color palette has #A85A9E (Pearly Purple), #A88B5A (Bronze (Metallic)) and #5AA864 (Forest Green (Crayola)). 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

Blue Yonder Color Rainbow Palette

Our Blue Yonder 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 Blue Yonder Color


  • Transparent 7B92B9#7B92B9
  • Transparent 8CA0C2#8CA0C2
  • Transparent 9CADCB#9CADCB
  • Transparent ADBBD4#ADBBD4
  • Transparent BDC9DC#BDC9DC
  • Transparent CED6E5#CED6E5
  • Transparent DEE4EE#DEE4EE
  • Transparent EFF1F6#EFF1F6


  • Transparent 6279A0#6279A0
  • Transparent 657A9C#657A9C
  • Transparent 697B98#697B98
  • Transparent 6D7C94#6D7C94
  • Transparent 717C90#717C90
  • Transparent 757D8C#757D8C
  • Transparent 787E88#787E88
  • Transparent 7C7F84#7C7F84


  • Transparent 485F86#485F86
  • Transparent 3F5376#3F5376
  • Transparent 364765#364765
  • Transparent 2D3C54#2D3C54
  • Transparent 243043#243043
  • Transparent 1B2432#1B2432
  • Transparent 121822#121822
  • Transparent 090C11#090C11

Blue Yonder Color Patterns

  • Transparent

    Blue Yonder Gingham Checks

  • Transparent

    Blue Yonder Vertical Stripes Pattern

  • Transparent

    Blue Yonder Polka Dots Pattern

  • Transparent

    Blue Yonder Honeycomb Pattern

  • Transparent

    Blue Yonder Leaves Pattern

  • Transparent

    Blue Yonder Houndstooth Pattern

  • Transparent

    Blue Yonder Trellis Pattern

  • Transparent

    Blue Yonder Plaid Pattern

Photo credits: