Light Muted Sapphire is a medium-light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #869ACB, which equals rgb(134, 154, 203) in RGB and hsl(223, 40%, 66%) in HSL. In print terms it converts to roughly C34 M24 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#869ACB - RGB
134, 154, 203 - HSL
223°, 40%, 66% - CMYK
34, 24, 0, 20 - Family
Blue - Tone
Medium-light, moderately saturated
About Light 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 7.50:1. Its complementary color is #CBB786.
Download Light 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…
Light Muted Sapphire color codes
| HEX | #869ACB |
|---|---|
| RGB | rgb(134, 154, 203) |
| HSL | hsl(223, 40%, 66%) |
| HSV | 223°, 34%, 80% |
| CMYK | 34%, 24%, 0%, 20% |
| Decimal | 8821451 |
Shades and tints of Light Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBEEF6 - 100
#D7DDEE - 200
#C3CDE5 - 300
#AEBCDC - 400
#9AABD4 - 500
#869ACB - 600
#7080A9 - 700
#596787 - 800
#434D66 - 900
#2D3344 - 950
#161A22
Color harmonies for Light Muted Sapphire
- Complementary
#CBB786≈ Light Muted Amber - Analogous −30°
#86BCCB≈ Light Muted Peacock - Analogous +30°
#9586CB≈ Light Muted Indigo - Triadic +120°
#CB8699≈ Light Muted Ruby - Triadic +240°
#99CB86≈ Light Muted Leaf - Split 150°
#CB9586≈ Light Muted Vermilion - Split 210°
#BCCB86≈ Light Muted Lime
Contrast and accessibility of Light Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Sapphire | Aa | 2.80:1 | Fails |
| Black text on Light Muted Sapphire | Aa | 7.50:1 | AAA (excellent) |
CSS code for Light Muted Sapphire
background-color: #869ACB;color: #869ACB;background-color: rgb(134, 154, 203);background-color: hsl(223, 40%, 66%);:root { --color-light-muted-sapphire: #869ACB; }class="bg-[#869ACB]"Colors similar to Light Muted Sapphire
- Light Muted Cornflower
#86A1CB - Light Muted Cobalt
#8693CB - Light Muted Royal
#868DCB - Light Muted Cerulean
#86A8CB - Light Dusty Royal
#979ABA - Light Dusty Blue
#9797BA - Light Dusty Cobalt
#979EBA - Light Soft Cornflower
#749EDC - Light Muted Blue
#8686CB - Light Dusty Sapphire
#97A1BA - Light Muted Ultramarine
#8D86CB - Light Soft Sapphire
#7493DC
More blue shades
- Very Dark Muted Sapphire
#1C2740 - Dark Muted Sapphire
#28385D - Deep Muted Sapphire
#344979 - Medium Dark Muted Sapphire
#405A96 - Muted Sapphire
#4D6BB2 - Medium Light Muted Sapphire
#6983BF - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50
Frequently asked questions
What is the HEX code for Light Muted Sapphire?
The HEX code for Light Muted Sapphire is #869ACB.
What is the RGB value of Light Muted Sapphire?
Light Muted Sapphire has an RGB value of 134, 154, 203 (rgb(134, 154, 203)). In HSL it is 223°, 40%, 66%.
What text color should I use on Light Muted Sapphire?
Use black text on Light Muted Sapphire. White text has a contrast ratio of 2.80:1 and black text has 7.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Sapphire?
The complementary color of Light Muted Sapphire is #CBB786. Analogous colors #86BCCB and #9586CB also pair well.