Search Colors

Bayside Blue Color

HEX #277CE0 / RGB (39, 124, 224)

What is Bayside Blue Color?

Bayside Blue (Hex code: 277CE0) Thumbnail

Bayside Blue has the hex code #277CE0. The equivalent RGB values are (39, 124, 224), which means it is composed of 10% red, 32% green and 58% blue. The CMYK color codes, used in printers, are C:83 M:45 Y:0 K:12. In the HSV/HSB scale, Bayside Blue has a hue of 212°, 83% saturation and a brightness value of 88%.
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.

Bayside Blue color is not included in the web list and cannot be used by name in HTML and CSS code. However, Bayside Blue can be applied to web pages with its hex code, RGB and/or HSL values. Please note that the CMYK numbers listed on this page have been derived from the hexadecimal code using known formulae and are only approximates.

Download Bayside Blue Solid Color Background

Bayside Blue Color Codes

Hex Code#277CE0
RGB Values(39, 124, 224)
CMYK Values(83%, 45%, 0%, 12%)
HSV/HSB Values(212°, 83%, 88%)
Closest Web Safe#3366CC
Inverse Color#D8831F [Ochre]
Closest Pantone®2727 C
Closest RAL5012 [Light blue]
Complementary Color#E08B27 [Cadmium Orange]
Bayside Blue Converted to Grayscale Codes
Simple Average#818181
Weighted Average (Most Common)#6E6E6E
Weighted Average (Luma)#717171
Weighted Average (Gamma Adjusted)#ACACAC

Bayside Blue Color Palettes

Complementary color palette of 277CE0. Complementary color is E08B27

Complementary Palette

The complement of Bayside Blue is Cadmium Orange with the hex code #E08B27. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #277CE0 color is offered by #E08B27. 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.

277CE0 E08B27
Analogous color palette with (277CE0, 2F27E0 and 27D9E0)

Analogous Palette

The analogous colors of Bayside Blue (#277CE0) are Palatinate Blue (#2F27E0) and Turquoise (#27D9E0). In the RGB color wheel, these two analogous colors occur to the right and left of Bayside Blue 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.

277CE0 2F27E0 27D9E0
Split Complementary color palette with (277CE0, E02E27 and D9E027)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Bayside Blue (#277CE0) are #E02E27 (Permanent Geranium Lake) and #D9E027 (Pear). 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.

277CE0 E02E27 D9E027
Triadic color palette with (277CE0, E0277C and 7CE027)

Triadic Palette

Bayside Blue triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #E0277C (Vivid Cerise) and #7CE027 (Kiwi) along with #277CE0 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

277CE0 E0277C 7CE027
Tetradic color palette with (277CE0, E0277C, E08B27 and 27E08B)

Tetradic Palette

The tetradic palette of Bayside Blue has four colors - #E0277C (Vivid Cerise), #E08B27 (Cadmium Orange) and #27E08B (UFO Green) in addition to the base color (#277CE0). 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.

277CE0 E0277C E08B27 27E08B
Square color palette with (277CE0, E027D9, E08B27 and 27E02E)

Square Palette

Bayside Blue square color palette has #E027D9 (Steel Pink), #E08B27 (Cadmium Orange) and #27E02E (Lime Green). 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.

277CE0 E027D9 E08B27 27E02E
Rainbow color

Bayside Blue Color Rainbow Palette

Our Bayside Blue 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.

277DE0 6F27E0 E027B2 E03A27 E0D927 48E027 27E0A4

Tints, Tones & Shades of Bayside Blue Color


  • Transparent 5296E65296E6
  • Transparent 68A3E968A3E9
  • Transparent 7DB0EC7DB0EC
  • Transparent 93BEF093BEF0
  • Transparent A9CBF3A9CBF3
  • Transparent BED8F6BED8F6
  • Transparent D4E5F9D4E5F9
  • Transparent E9F2FCE9F2FC


  • Transparent 397DCD397DCD
  • Transparent 427DC3427DC3
  • Transparent 4B7EBA4B7EBA
  • Transparent 547EB0547EB0
  • Transparent 5C7EA65C7EA6
  • Transparent 657F9D657F9D
  • Transparent 6E7F936E7F93
  • Transparent 77808A77808A


  • Transparent 1F63B31F63B3
  • Transparent 1B579D1B579D
  • Transparent 174A86174A86
  • Transparent 143E70143E70
  • Transparent 10325A10325A
  • Transparent 0C25430C2543
  • Transparent 08192D08192D
  • Transparent 040C16040C16

Bayside Blue Color Patterns

  • Transparent

    Bayside Blue Gingham Checks

  • Transparent

    Bayside Blue Vertical Stripes Pattern

  • Transparent

    Bayside Blue Polka Dots Pattern

  • Transparent

    Bayside Blue Honeycomb Pattern

  • Transparent

    Bayside Blue Leaves Pattern

  • Transparent

    Bayside Blue Houndstooth Pattern

  • Transparent

    Bayside Blue Trellis Pattern

  • Transparent

    Bayside Blue Plaid Pattern

Bayside Blue Color Interior Ideas

Pretty Photo frame on Bayside Blue color drawing room interior textured wall

Bayside Blue Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Bayside Blue color Living room wal color

Bayside Blue Color Living Room Wall Paint Idea

Pretty Photo frame on Bayside Blue color Bedroom interior wall color

Bayside Blue Color Bedroom Wall Paint Idea

Pretty Photo frame on Bayside Blue color kitchen interior wall color

Bayside Blue Color Kitchen Wall Paint Idea