Pale Muted Blue is a medium-light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #A2A2D7, which equals rgb(162, 162, 215) in RGB and hsl(240, 40%, 74%) in HSL. In print terms it converts to roughly C25 M25 Y0 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#A2A2D7 - RGB
162, 162, 215 - HSL
240°, 40%, 74% - CMYK
25, 25, 0, 16 - Family
Blue - Tone
Medium-light, moderately saturated
About Pale Muted Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 8.69:1. Its complementary color is #D7D7A2.
Download Pale Muted Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pale Muted Blue color codes
| HEX | #A2A2D7 |
|---|---|
| RGB | rgb(162, 162, 215) |
| HSL | hsl(240, 40%, 74%) |
| HSV | 240°, 25%, 84% |
| CMYK | 25%, 25%, 0%, 16% |
| Decimal | 10658519 |
Shades and tints of Pale Muted Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F0F0F8 - 100
#E0E0F2 - 200
#D1D1EB - 300
#C1C1E4 - 400
#B2B2DE - 500
#A2A2D7 - 600
#8787B3 - 700
#6C6C8F - 800
#51516C - 900
#363648 - 950
#1B1B24
Color harmonies for Pale Muted Blue
- Complementary
#D7D7A2≈ Pale Muted Citron - Analogous −30°
#A2BDD7≈ Pale Muted Azure - Analogous +30°
#BDA2D7≈ Pale Muted Amethyst - Triadic +120°
#D7A2A2≈ Pale Muted Cardinal - Triadic +240°
#A2D7A2≈ Pale Muted Kelly - Split 150°
#D7BDA2≈ Pale Muted Tangerine - Split 210°
#BDD7A2≈ Pale Muted Spring Bud
Contrast and accessibility of Pale Muted Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Muted Blue | Aa | 2.42:1 | Fails |
| Black text on Pale Muted Blue | Aa | 8.69:1 | AAA (excellent) |
CSS code for Pale Muted Blue
background-color: #A2A2D7;color: #A2A2D7;background-color: rgb(162, 162, 215);background-color: hsl(240, 40%, 74%);:root { --color-pale-muted-blue: #A2A2D7; }class="bg-[#A2A2D7]"Colors similar to Pale Muted Blue
- Pale Muted Ultramarine
#A7A2D7 - Pale Muted Royal
#A2A7D7 - Pale Muted Indigo
#ADA2D7 - Pale Muted Cobalt
#A2ADD7 - Pale Muted Iris
#B2A2D7 - Pale Soft Cobalt
#95A5E4 - Pale Soft Royal
#959DE4 - Pale Muted Sapphire
#A2B2D7 - Pale Soft Indigo
#A595E4 - Pale Soft Ultramarine
#9D95E4 - Pale Muted Periwinkle
#B7A2D7 - Pale Soft Sapphire
#95ADE4
More blue shades
- Dark Muted Blue
#28285D - Deep Muted Blue
#343479 - Medium Dark Muted Blue
#404096 - Muted Blue
#4D4DB2 - Medium Light Muted Blue
#6969BF - Light Muted Blue
#8686CB - Very Pale Muted Blue
#BFBFE3 - Palest Muted Blue
#DBDBF0 - Very Dark Dusty Blue
#252537 - Dark Dusty Blue
#353550 - Deep Dusty Blue
#454568
Frequently asked questions
What is the HEX code for Pale Muted Blue?
The HEX code for Pale Muted Blue is #A2A2D7.
What is the RGB value of Pale Muted Blue?
Pale Muted Blue has an RGB value of 162, 162, 215 (rgb(162, 162, 215)). In HSL it is 240°, 40%, 74%.
What text color should I use on Pale Muted Blue?
Use black text on Pale Muted Blue. White text has a contrast ratio of 2.42:1 and black text has 8.69:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Muted Blue?
The complementary color of Pale Muted Blue is #D7D7A2. Analogous colors #A2BDD7 and #BDA2D7 also pair well.