Search Colors

#22AAFF Hex Code

Color Name: Button Blue

What is hex #22AAFF Color?

Button Blue (Hex code: 22AAFF) Thumbnail

The color name of hex code #22AAFF is Button Blue. The RGB values are (34, 170, 255) which means it is composed of 7% red, 37% green and 56% blue. The CMYK color codes, used in printers, are C:87 M:33 Y:0 K:0. In the HSV/HSB scale, #22AAFF has a hue of 203°, 87% 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.

Download Button Blue Solid Color Background

Hex #22AAFF Color Codes

Color NameButton Blue
RGB Values(34, 170, 255)
CMYK Values(87%, 33%, 0%, 0%)
HSV/HSB Values(203°, 87%, 100%)
Closest Web Safe#3399FF
Inverse Color#DD5500 [Persimmon]
Closest Pantone®298 C
Closest RAL5012 [Light blue]
Complementary Color#FF7722 [Pumpkin]
#22AAFF Converted to Grayscale Codes
Simple Average#999999
Weighted Average (Most Common)#8B8B8B
Weighted Average (Luma)#939393
Weighted Average (Gamma Adjusted)#C1C1C1

Hex #22AAFF Color Palettes

Complementary color palette of 22AAFF. Complementary color is FF7722

Complementary Palette

The complement of #22AAFF is #FF7722 which is called Pumpkin. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #22AAFF color is offered by #FF7722. 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.

22AAFF FF7722
Analogous color palette with (22AAFF, 223CFF and 22FFE6)

Analogous Palette

The analogous colors of #22AAFF are #223CFF and #22FFE6, called Palatinate Blue and Fluorescent Blue, respectively. In the RGB color wheel, they are located to the right and left of #22AAFF with a 30° separation. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

22AAFF 223CFF 22FFE6
Split Complementary color palette with (22AAFF, FF223B and FFE622)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of #22AAFF are #FF223B (Imperial Red) and #FFE622 (Yellow Sun). 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.

22AAFF FF223B FFE622
Triadic color palette with (22AAFF, FF22AA and AAFF22)

Triadic Palette

#22AAFF triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #FF22AA (Persian Rose) and #AAFF22 (Green-Yellow) along with #22AAFF, our main color, 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 (22AAFF, FF22AA, FF7722 and 22FF77)

Tetradic Palette

The tetradic palette of #22AAFF has #FF22AA (Persian Rose), #FF7722 (Pumpkin) and #22FF77 (Guppie Green). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors a little bit to achieve desired results.

22AAFF FF22AA FF7722 22FF77
Square color palette with (22AAFF, E622FF, FF7722 and 3CFF22)

Square Palette

The square color palette of #22AAFF contains #E622FF (Phlox), #FF7722 (Pumpkin) and #3CFF22 (Neon 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.

22AAFF E622FF FF7722 3CFF22
Rainbow color

Hex #22AAFF Rainbow Colors Palette

Our #22AAFF rainbow color palette is based on the RGB color 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.

22AAFF 5722FF FF22E9 FF222C FFD522 6BFF22 22FF96

Tints, Tones & Shades of 22AAFF Color


  • Transparent 4EBBFF4EBBFF
  • Transparent 64C4FF64C4FF
  • Transparent 7ACCFF7ACCFF
  • Transparent 91D5FF91D5FF
  • Transparent A7DDFFA7DDFF
  • Transparent BDE6FFBDE6FF
  • Transparent D3EEFFD3EEFF
  • Transparent E9F7FFE9F7FF


  • Transparent 35A2E635A2E6
  • Transparent 3E9DD93E9DD9
  • Transparent 4899CC4899CC
  • Transparent 5195C05195C0
  • Transparent 5A91B35A91B3
  • Transparent 648DA6648DA6
  • Transparent 6D88996D8899
  • Transparent 77848D77848D


  • Transparent 1B88CC1B88CC
  • Transparent 1877B31877B3
  • Transparent 146699146699
  • Transparent 115580115580
  • Transparent 0E44660E4466
  • Transparent 0A334D0A334D
  • Transparent 072233072233
  • Transparent 03111A03111A

#22AAFF Color Patterns

  • transperent

    #22AAFF Gingham Checks

  • transperent

    #22AAFF Vertical Stripes Pattern

  • transperent

    #22AAFF Polka Dots Pattern

  • transperent

    #22AAFF Honeycomb Pattern

  • transperent

    #22AAFF Leaves Pattern

  • transperent

    #22AAFF Houndstooth Pattern

  • transperent

    #22AAFF Trellis Pattern

  • transperent

    #22AAFF Plaid Pattern

#22AAFF Color Interior Ideas

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

#22AAFF Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Button Blue color Living room wal color

#22AAFF Color Living Room Wall Paint Idea

Pretty Photo frame on Button Blue color Bedroom interior wall color

#22AAFF Color Bedroom Wall Paint Idea

Pretty Photo frame on Button Blue color kitchen interior wall color

#22AAFF Color Kitchen Wall Paint Idea

Color names have been derived from known and trusted lists OR have been formulated by us. They are close approximations and may not translate to exact names. Also, color is perceived and named differently in cultures and communities around the world. As per studies, only a handful of colors are interpretted and named in the same way across the globe.