Light Dusty Cobalt is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #979EBA, which equals rgb(151, 158, 186) in RGB and hsl(228, 20%, 66%) in HSL. In print terms it converts to roughly C19 M15 Y0 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#979EBA - RGB
151, 158, 186 - HSL
228°, 20%, 66% - CMYK
19, 15, 0, 27 - Family
Blue - Tone
Medium-light, muted
About Light Dusty Cobalt
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 7.92:1. Its complementary color is #BAB397.
Download Light Dusty Cobalt 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 Cobalt color codes
| HEX | #979EBA |
|---|---|
| RGB | rgb(151, 158, 186) |
| HSL | hsl(228, 20%, 66%) |
| HSV | 228°, 19%, 73% |
| CMYK | 19%, 15%, 0%, 27% |
| Decimal | 9936570 |
Shades and tints of Light Dusty Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEEFF4 - 100
#DCDFE8 - 200
#CBCFDD - 300
#BABED1 - 400
#A8AEC6 - 500
#979EBA - 600
#7E849B - 700
#65697C - 800
#4C4F5D - 900
#32353E - 950
#191A1F
Color harmonies for Light Dusty Cobalt
- Complementary
#BAB397≈ Light Dusty Gold - Analogous −30°
#97AFBA≈ Light Dusty Azure - Analogous +30°
#A197BA≈ Light Dusty Indigo - Triadic +120°
#BA979E≈ Light Dusty Ruby - Triadic +240°
#9EBA97≈ Light Dusty Leaf - Split 150°
#BAA197≈ Light Dusty Vermilion - Split 210°
#AFBA97≈ Light Dusty Spring Bud
Contrast and accessibility of Light Dusty Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Cobalt | Aa | 2.65:1 | Fails |
| Black text on Light Dusty Cobalt | Aa | 7.92:1 | AAA (excellent) |
CSS code for Light Dusty Cobalt
background-color: #979EBA;color: #979EBA;background-color: rgb(151, 158, 186);background-color: hsl(228, 20%, 66%);:root { --color-light-dusty-cobalt: #979EBA; }class="bg-[#979EBA]"Colors similar to Light Dusty Cobalt
- Light Dusty Sapphire
#97A1BA - Light Dusty Royal
#979ABA - Light Dusty Cornflower
#97A5BA - Light Dusty Blue
#9797BA - Light Dusty Ultramarine
#9A97BA - Light Dusty Indigo
#9E97BA - Light Dusty Cerulean
#97A8BA - Light Dusty Iris
#A197BA - Cool Gray 65
#9EA4AE - Light Dusty Periwinkle
#A597BA - Light Dusty Azure
#97ACBA - Light Dusty Violet
#A897BA
More blue shades
- Very Dark Dusty Cobalt
#252837 - Dark Dusty Cobalt
#353A50 - Deep Dusty Cobalt
#454C68 - Medium Dark Dusty Cobalt
#565E81 - Dusty Cobalt
#667099 - Medium Light Dusty Cobalt
#7E87A9 - Pale Dusty Cobalt
#AFB5CA - Very Pale Dusty Cobalt
#C8CCDA - Palest Dusty Cobalt
#E0E2EB - Darkest Royal
#000533 - Very Dark Royal
#00095C
Frequently asked questions
What is the HEX code for Light Dusty Cobalt?
The HEX code for Light Dusty Cobalt is #979EBA.
What is the RGB value of Light Dusty Cobalt?
Light Dusty Cobalt has an RGB value of 151, 158, 186 (rgb(151, 158, 186)). In HSL it is 228°, 20%, 66%.
What text color should I use on Light Dusty Cobalt?
Use black text on Light Dusty Cobalt. White text has a contrast ratio of 2.65:1 and black text has 7.92:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Cobalt?
The complementary color of Light Dusty Cobalt is #BAB397. Analogous colors #97AFBA and #A197BA also pair well.