Medium Light Muted Sapphire is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #6983BF, which equals rgb(105, 131, 191) in RGB and hsl(222, 40%, 58%) in HSL. In print terms it converts to roughly C45 M31 Y0 K25, although exact CMYK results depend on the paper and color profile.
- HEX
#6983BF - RGB
105, 131, 191 - HSL
222°, 40%, 58% - CMYK
45, 31, 0, 25 - Family
Blue - Tone
Medium, moderately saturated
About Medium 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. 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 5.60:1. Its complementary color is #BFA569.
Download Medium 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…
Medium Light Muted Sapphire color codes
| HEX | #6983BF |
|---|---|
| RGB | rgb(105, 131, 191) |
| HSL | hsl(222, 40%, 58%) |
| HSV | 222°, 45%, 75% |
| CMYK | 45%, 31%, 0%, 25% |
| Decimal | 6915007 |
Shades and tints of Medium Light Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EAF4 - 100
#CDD6EA - 200
#B4C1DF - 300
#9BACD4 - 400
#8298CA - 500
#6983BF - 600
#586D9F - 700
#46577F - 800
#354260 - 900
#232C40 - 950
#121620
Color harmonies for Medium Light Muted Sapphire
- Complementary
#BFA569≈ Medium Light Muted Tangerine - Analogous −30°
#69AEBF≈ Medium Light Muted Lagoon - Analogous +30°
#7A69BF≈ Medium Light Muted Ultramarine - Triadic +120°
#BF6983≈ Medium Light Muted Carmine - Triadic +240°
#83BF69≈ Medium Light Muted Fern - Split 150°
#BF7A69≈ Medium Light Muted Scarlet - Split 210°
#AEBF69≈ Medium Light Muted Citron
Contrast and accessibility of Medium Light Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Muted Sapphire | Aa | 3.75:1 | AA Large only |
| Black text on Medium Light Muted Sapphire | Aa | 5.60:1 | AA (good) |
CSS code for Medium Light Muted Sapphire
background-color: #6983BF;color: #6983BF;background-color: rgb(105, 131, 191);background-color: hsl(222, 40%, 58%);:root { --color-medium-light-muted-sapphire: #6983BF; }class="bg-[#6983BF]"Colors similar to Medium Light Muted Sapphire
- Medium Light Muted Cornflower
#698BBF - Medium Light Muted Cobalt
#697ABF - Medium Light Muted Cerulean
#6994BF - Medium Light Muted Royal
#6972BF - Medium Light Soft Cornflower
#5487D4 - Medium Light Dusty Royal
#7E83A9 - Muted Cerulean
#4D7FB2 - Medium Light Dusty Cobalt
#7E87A9 - Medium Light Dusty Blue
#7E7EA9 - Light Muted Blue
#8686CB - Muted Azure
#4D8AB2 - Medium Light Muted Azure
#699CBF
More blue shades
- Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740 - Dark Muted Sapphire
#28385D - Deep Muted Sapphire
#344979 - Medium Dark Muted Sapphire
#405A96 - Muted Sapphire
#4D6BB2 - Light Muted Sapphire
#869ACB - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37
Frequently asked questions
What is the HEX code for Medium Light Muted Sapphire?
The HEX code for Medium Light Muted Sapphire is #6983BF.
What is the RGB value of Medium Light Muted Sapphire?
Medium Light Muted Sapphire has an RGB value of 105, 131, 191 (rgb(105, 131, 191)). In HSL it is 222°, 40%, 58%.
What text color should I use on Medium Light Muted Sapphire?
Use black text on Medium Light Muted Sapphire. White text has a contrast ratio of 3.75:1 and black text has 5.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Muted Sapphire?
The complementary color of Medium Light Muted Sapphire is #BFA569. Analogous colors #69AEBF and #7A69BF also pair well.