Light Dusty Ultramarine is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #9A97BA, which equals rgb(154, 151, 186) in RGB and hsl(245, 20%, 66%) in HSL. In print terms it converts to roughly C17 M19 Y0 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#9A97BA - RGB
154, 151, 186 - HSL
245°, 20%, 66% - CMYK
17, 19, 0, 27 - Family
Blue - Tone
Medium-light, muted
About Light Dusty Ultramarine
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.51:1. Its complementary color is #B7BA97.
Download Light Dusty Ultramarine 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 Ultramarine color codes
| HEX | #9A97BA |
|---|---|
| RGB | rgb(154, 151, 186) |
| HSL | hsl(245, 20%, 66%) |
| HSV | 245°, 19%, 73% |
| CMYK | 17%, 19%, 0%, 27% |
| Decimal | 10131386 |
Shades and tints of Light Dusty Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEEEF4 - 100
#DDDCE8 - 200
#CDCBDD - 300
#BCBAD1 - 400
#ABA8C6 - 500
#9A97BA - 600
#807E9B - 700
#67657C - 800
#4D4C5D - 900
#33323E - 950
#1A191F
Color harmonies for Light Dusty Ultramarine
- Complementary
#B7BA97≈ Light Dusty Citron - Analogous −30°
#97A5BA≈ Light Dusty Cerulean - Analogous +30°
#AB97BA≈ Light Dusty Amethyst - Triadic +120°
#BA9A97≈ Light Dusty Red - Triadic +240°
#97BA9A≈ Light Dusty Green - Split 150°
#BAAB97≈ Light Dusty Tangerine - Split 210°
#A5BA97≈ Light Dusty Apple
Contrast and accessibility of Light Dusty Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Ultramarine | Aa | 2.80:1 | Fails |
| Black text on Light Dusty Ultramarine | Aa | 7.51:1 | AAA (excellent) |
CSS code for Light Dusty Ultramarine
background-color: #9A97BA;color: #9A97BA;background-color: rgb(154, 151, 186);background-color: hsl(245, 20%, 66%);:root { --color-light-dusty-ultramarine: #9A97BA; }class="bg-[#9A97BA]"Colors similar to Light Dusty Ultramarine
- Light Dusty Blue
#9797BA - Light Dusty Indigo
#9E97BA - Light Dusty Royal
#979ABA - Light Dusty Iris
#A197BA - Light Dusty Cobalt
#979EBA - Light Dusty Periwinkle
#A597BA - Light Dusty Sapphire
#97A1BA - Light Dusty Violet
#A897BA - Light Dusty Cornflower
#97A5BA - Light Dusty Amethyst
#AC97BA - Cool Gray 65
#9EA4AE - Light Dusty Grape
#AF97BA
More blue shades
- Very Dark Dusty Ultramarine
#272537 - Dark Dusty Ultramarine
#383550 - Deep Dusty Ultramarine
#494568 - Medium Dark Dusty Ultramarine
#5A5681 - Dusty Ultramarine
#6B6699 - Medium Light Dusty Ultramarine
#837EA9 - Pale Dusty Ultramarine
#B2AFCA - Very Pale Dusty Ultramarine
#CAC8DA - Palest Dusty Ultramarine
#E1E0EB - Darkest Indigo
#0A0033 - Very Dark Indigo
#12005C
Frequently asked questions
What is the HEX code for Light Dusty Ultramarine?
The HEX code for Light Dusty Ultramarine is #9A97BA.
What is the RGB value of Light Dusty Ultramarine?
Light Dusty Ultramarine has an RGB value of 154, 151, 186 (rgb(154, 151, 186)). In HSL it is 245°, 20%, 66%.
What text color should I use on Light Dusty Ultramarine?
Use black text on Light Dusty Ultramarine. White text has a contrast ratio of 2.80:1 and black text has 7.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Ultramarine?
The complementary color of Light Dusty Ultramarine is #B7BA97. Analogous colors #97A5BA and #AB97BA also pair well.