Light Dusty Sapphire is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #97A1BA, which equals rgb(151, 161, 186) in RGB and hsl(223, 20%, 66%) in HSL. In print terms it converts to roughly C19 M13 Y0 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#97A1BA - RGB
151, 161, 186 - HSL
223°, 20%, 66% - CMYK
19, 13, 0, 27 - Family
Blue - Tone
Medium-light, muted
About Light Dusty 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 8.12:1. Its complementary color is #BAB097.
Download Light Dusty 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 Dusty Sapphire color codes
| HEX | #97A1BA |
|---|---|
| RGB | rgb(151, 161, 186) |
| HSL | hsl(223, 20%, 66%) |
| HSV | 223°, 19%, 73% |
| CMYK | 19%, 13%, 0%, 27% |
| Decimal | 9937338 |
Shades and tints of Light Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEEFF4 - 100
#DCE0E8 - 200
#CBD0DD - 300
#BAC0D1 - 400
#A8B1C6 - 500
#97A1BA - 600
#7E869B - 700
#656B7C - 800
#4C515D - 900
#32363E - 950
#191B1F
Color harmonies for Light Dusty Sapphire
- Complementary
#BAB097≈ Light Dusty Amber - Analogous −30°
#97B2BA≈ Light Dusty Peacock - Analogous +30°
#9E97BA≈ Light Dusty Iris - Triadic +120°
#BA97A1≈ Light Dusty Crimson - Triadic +240°
#A1BA97≈ Light Dusty Clover - Split 150°
#BA9E97≈ Light Dusty Cinnabar - Split 210°
#B2BA97≈ Light Dusty Lime
Contrast and accessibility of Light Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Sapphire | Aa | 2.59:1 | Fails |
| Black text on Light Dusty Sapphire | Aa | 8.12:1 | AAA (excellent) |
CSS code for Light Dusty Sapphire
background-color: #97A1BA;color: #97A1BA;background-color: rgb(151, 161, 186);background-color: hsl(223, 20%, 66%);:root { --color-light-dusty-sapphire: #97A1BA; }class="bg-[#97A1BA]"Colors similar to Light Dusty Sapphire
- Light Dusty Cobalt
#979EBA - Light Dusty Cornflower
#97A5BA - Light Dusty Cerulean
#97A8BA - Light Dusty Royal
#979ABA - Light Dusty Blue
#9797BA - Light Dusty Ultramarine
#9A97BA - Light Dusty Azure
#97ACBA - Cool Gray 65
#9EA4AE - Light Dusty Indigo
#9E97BA - Light Dusty Iris
#A197BA - Light Dusty Capri
#97AFBA - Light Dusty Periwinkle
#A597BA
More blue shades
- Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50 - Deep Dusty Sapphire
#455068 - Medium Dark Dusty Sapphire
#566381 - Dusty Sapphire
#667599 - Medium Light Dusty Sapphire
#7E8BA9 - Pale Dusty Sapphire
#AFB7CA - Very Pale Dusty Sapphire
#C8CDDA - Palest Dusty Sapphire
#E0E3EB - Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C
Frequently asked questions
What is the HEX code for Light Dusty Sapphire?
The HEX code for Light Dusty Sapphire is #97A1BA.
What is the RGB value of Light Dusty Sapphire?
Light Dusty Sapphire has an RGB value of 151, 161, 186 (rgb(151, 161, 186)). In HSL it is 223°, 20%, 66%.
What text color should I use on Light Dusty Sapphire?
Use black text on Light Dusty Sapphire. White text has a contrast ratio of 2.59:1 and black text has 8.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Sapphire?
The complementary color of Light Dusty Sapphire is #BAB097. Analogous colors #97B2BA and #9E97BA also pair well.