What is Blue-Gray Color?
Blue-Gray has the hex code #6699CC. The equivalent RGB values are (102, 153, 204), which means it is composed of
22% red, 33% green and 44% blue. The CMYK color codes, used in printers, are C:50 M:25 Y:0 K:20. In the HSV/HSB scale, Blue-Gray has a hue of 210°, 50% saturation and a brightness value of 80%.
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.
Though the hex code is web safe, Blue-Gray is not a web color and can only be used in HTML and CSS code with its hex, RGB, CMYK or HSB values.
Download Blue-Gray Solid Color Background
Blue-Gray Color Codes
Hex Code | #6699CC |
RGB Values | (102, 153, 204) |
CMYK Values | (50%, 25%, 0%, 20%) |
HSV/HSB Values | (210°, 50%, 80%) |
Closest Web Safe | #6699CC |
Inverse Color | #996633 [Coconut] |
Closest Pantone® | 549 C |
Closest RAL | 5024 [Pastel blue] |
Complementary Color | #CC9966 [Brown Yellow] |
Blue-Gray Converted to Grayscale Codes | |
---|---|
Simple Average | #999999 |
Desaturated | #999999 |
Weighted Average (Most Common) | #8F8F8F |
Weighted Average (Luma) | #929292 |
Weighted Average (Gamma Adjusted) | #C1C1C1 |
Blue-Gray Color Palettes
Complementary Palette
The complement of Blue-Gray is Brown Yellow with the hex code #CC9966. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #6699CC color is offered by #CC9966. 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 Palette
The analogous colors of Blue-Gray (#6699CC) are Slate Blue (#6666CC) and Sea Serpent (#66CCCC). In the RGB color wheel, these two analogous colors occur to the right and left of Blue-Gray 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 Palette
As per the RGB color wheel, the split-complementary colors of Blue-Gray (#6699CC) are #CC6666 (Fuzzy Wuzzy) and #CCCC66 (Chinese 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 Palette
Blue-Gray triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #CC6699 (Wild Orchid) and #99CC66 (Pistachio) along with #6699CC create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.
Tetradic Palette
The tetradic palette of Blue-Gray has four colors - #CC6699 (Wild Orchid), #CC9966 (Brown Yellow) and #66CC99 (Medium Aquamarine) in addition to the base color (#6699CC). 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 Palette
Blue-Gray square color palette has #CC66CC (Deep Mauve), #CC9966 (Brown Yellow) and #66CC66 (Mantis). 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.
Blue-Gray Color Rainbow Palette
Our Blue-Gray 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-Gray Color
Tints
- 85ADD6
- 94B8DB
- A3C2E0
- B3CCE6
- C2D6EB
- D1E0F0
- E0EBF5
- F0F5FA
Tones
- 6B94BD
- 6E92B5
- 708FAE
- 738DA6
- 768A9E
- 788897
- 7B858F
- 7D8388
Shades
- 527AA3
- 476B8F
- 3D5C7A
- 334D66
- 293D52
- 1F2E3D
- 141F29
- 0A0F14
Blue-Gray Color Interior Ideas
Latest Colors & Names
-
Turkish Red
#C8102E -
Alphabet Red
#ED1C24 -
Twitter New Logo Black
#000000 -
Nokia Blue
#005aff -
Poseidon (Pantone)
#133955 -
-
Snow White (Pantone)
#F2F0EB -