Pale Muted Sapphire is a medium-light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #A2B2D7, which equals rgb(162, 178, 215) in RGB and hsl(222, 40%, 74%) in HSL. In print terms it converts to roughly C25 M17 Y0 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#A2B2D7 - RGB
162, 178, 215 - HSL
222°, 40%, 74% - CMYK
25, 17, 0, 16 - Family
Blue - Tone
Medium-light, moderately saturated
About Pale Muted Sapphire
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 9.89:1. Its complementary color is #D7C7A2.
Download Pale Muted Sapphire 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 Sapphire color codes
| HEX | #A2B2D7 |
|---|---|
| RGB | rgb(162, 178, 215) |
| HSL | hsl(222, 40%, 74%) |
| HSV | 222°, 25%, 84% |
| CMYK | 25%, 17%, 0%, 16% |
| Decimal | 10662615 |
Shades and tints of Pale Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F0F2F8 - 100
#E0E5F2 - 200
#D1D9EB - 300
#C1CCE4 - 400
#B2BFDE - 500
#A2B2D7 - 600
#8794B3 - 700
#6C778F - 800
#51596C - 900
#363B48 - 950
#1B1E24
Color harmonies for Pale Muted Sapphire
- Complementary
#D7C7A2≈ Pale Muted Tangerine - Analogous −30°
#A2CDD7≈ Pale Muted Lagoon - Analogous +30°
#ADA2D7≈ Pale Muted Iris - Triadic +120°
#D7A2B2≈ Pale Muted Carmine - Triadic +240°
#B2D7A2≈ Pale Muted Clover - Split 150°
#D7ADA2≈ Pale Muted Cinnabar - Split 210°
#CDD7A2≈ Pale Muted Citron
Contrast and accessibility of Pale Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Muted Sapphire | Aa | 2.12:1 | Fails |
| Black text on Pale Muted Sapphire | Aa | 9.89:1 | AAA (excellent) |
CSS code for Pale Muted Sapphire
background-color: #A2B2D7;color: #A2B2D7;background-color: rgb(162, 178, 215);background-color: hsl(222, 40%, 74%);:root { --color-pale-muted-sapphire: #A2B2D7; }class="bg-[#A2B2D7]"Colors similar to Pale Muted Sapphire
- Pale Muted Cornflower
#A2B7D7 - Pale Muted Cobalt
#A2ADD7 - Pale Muted Cerulean
#A2BDD7 - Pale Muted Royal
#A2A7D7 - Pale Dusty Royal
#AFB2CA - Pale Soft Cornflower
#95B5E4 - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Blue
#AFAFCA - Pale Soft Sapphire
#95ADE4 - Pale Dusty Sapphire
#AFB7CA - Pale Muted Azure
#A2C2D7 - Pale Muted Blue
#A2A2D7
More blue shades
- Dark Muted Sapphire
#28385D - Deep Muted Sapphire
#344979 - Medium Dark Muted Sapphire
#405A96 - Muted Sapphire
#4D6BB2 - Medium Light Muted Sapphire
#6983BF - Light Muted Sapphire
#869ACB - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50 - Deep Dusty Sapphire
#455068
Frequently asked questions
What is the HEX code for Pale Muted Sapphire?
The HEX code for Pale Muted Sapphire is #A2B2D7.
What is the RGB value of Pale Muted Sapphire?
Pale Muted Sapphire has an RGB value of 162, 178, 215 (rgb(162, 178, 215)). In HSL it is 222°, 40%, 74%.
What text color should I use on Pale Muted Sapphire?
Use black text on Pale Muted Sapphire. White text has a contrast ratio of 2.12:1 and black text has 9.89:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Muted Sapphire?
The complementary color of Pale Muted Sapphire is #D7C7A2. Analogous colors #A2CDD7 and #ADA2D7 also pair well.