Everything about
the color Blue Gray

The meaning of the color Blue Gray and color combinations to inspire your next design.

Start designing
Edit Blue Gray
Change Color
Select new color

Mix gray with a little blue, and you get blue gray. Its hex code is #6699CC. This color defines “livid”, an adjective used to describe anger or discoloration of the skin (caused by bruising).


It can give a sense of detachment and dreariness, but it can also add a degree of sophistication, professionalism, and elegance to your designs.

With its muted color, it’s a great neutral tone to pair with sharp black and white elements.

Looking for a different hue? The following colors are related to blue gray.

Information about Blue Gray / #6699CC

In a RGB color space (made from three colored lights for red, green, and blue), hex #6699CC is made of 40% red, 60% green and 80% blue. In a CMYK color space (also known as process color, or four color, and used in color printing), hex #6699CC is made of 50% cyan, 25% magenta, 0% yellow and 20% black. Blue Gray has a hue angle of 210 degrees, a saturation of 50% and a lightness of 60%.

Color conversion

The hexadecimal color #6699CC has RGB values of R: 40, G: 60, B: 80 and CMYK values of C: 0.5, M: 0.25, Y: 0, K:0.2.




RGB Decimal

102, 153, 204

rgb(102, 153, 204)

RGB Percentage

40, 60, 80

rgb(40%, 60%, 80%)


50, 25, 0, 20


210°, 50, 60

hsl(210°, 50%, 60%)

HSV (or HSB)

210°, 50, 80

Web Safe




61.624, -2.822, -31.432


27.766, 29.965, 61.436


0.233, 0.251, 29.965


61.624, 31.558, 264.869


61.624, -23.996, -48.611


54.74, -2.367, -32.403


01100110, 10011001, 11001100

Create a stunning graphic in this color

With 60,000+ templates, Canva is the easiest way to create beautiful designs.

Search 1,000,000 images...SEARCHTEXTLAYOUTSBKGROUNDUPLOADSShareDownloadPrivate

Learn more about colors