Dusty Ultramarine is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #6B6699, which equals rgb(107, 102, 153) in RGB and hsl(246, 20%, 50%) in HSL. In print terms it converts to roughly C30 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#6B6699 - RGB
107, 102, 153 - HSL
246°, 20%, 50% - CMYK
30, 33, 0, 40 - Family
Blue - Tone
Medium, muted
About 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 5.27:1. Its complementary color is #949966.
Download 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…
Dusty Ultramarine color codes
| HEX | #6B6699 |
|---|---|
| RGB | rgb(107, 102, 153) |
| HSL | hsl(246, 20%, 50%) |
| HSV | 246°, 33%, 60% |
| CMYK | 30%, 33%, 0%, 40% |
| Decimal | 7038617 |
Shades and tints of Dusty Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E6EE - 100
#CECCDD - 200
#B5B3CC - 300
#9C99BB - 400
#8480AA - 500
#6B6699 - 600
#595580 - 700
#474466 - 800
#36334D - 900
#242233 - 950
#12111A
Color harmonies for Dusty Ultramarine
- Complementary
#949966≈ Dusty Lime - Analogous −30°
#667A99≈ Dusty Cerulean - Analogous +30°
#856699≈ Dusty Grape - Triadic +120°
#996B66≈ Dusty Red - Triadic +240°
#66996B≈ Dusty Green - Split 150°
#998566≈ Dusty Orange - Split 210°
#7A9966≈ Dusty Leaf
Contrast and accessibility of Dusty Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Ultramarine | Aa | 5.27:1 | AA (good) |
| Black text on Dusty Ultramarine | Aa | 3.99:1 | AA Large only |
CSS code for Dusty Ultramarine
background-color: #6B6699;color: #6B6699;background-color: rgb(107, 102, 153);background-color: hsl(246, 20%, 50%);:root { --color-dusty-ultramarine: #6B6699; }class="bg-[#6B6699]"Colors similar to Dusty Ultramarine
- Dusty Blue
#666699 - Dusty Indigo
#706699 - Dusty Royal
#666B99 - Dusty Iris
#756699 - Dusty Cobalt
#667099 - Dusty Periwinkle
#7A6699 - Dusty Sapphire
#667599 - Dusty Violet
#7F6699 - Dusty Cornflower
#667A99 - Dusty Amethyst
#856699 - Dusty Grape
#8A6699 - Medium Dark Dusty Violet
#6B5681
More blue shades
- Very Pale Muted Ultramarine
#C2BFE3 - Palest Muted Ultramarine
#DDDBF0 - Very Dark Dusty Ultramarine
#272537 - Dark Dusty Ultramarine
#383550 - Deep Dusty Ultramarine
#494568 - Medium Dark Dusty Ultramarine
#5A5681 - Medium Light Dusty Ultramarine
#837EA9 - Light Dusty Ultramarine
#9A97BA - Pale Dusty Ultramarine
#B2AFCA - Very Pale Dusty Ultramarine
#CAC8DA - Palest Dusty Ultramarine
#E1E0EB
Frequently asked questions
What is the HEX code for Dusty Ultramarine?
The HEX code for Dusty Ultramarine is #6B6699.
What is the RGB value of Dusty Ultramarine?
Dusty Ultramarine has an RGB value of 107, 102, 153 (rgb(107, 102, 153)). In HSL it is 246°, 20%, 50%.
What text color should I use on Dusty Ultramarine?
Use white text on Dusty Ultramarine. White text has a contrast ratio of 5.27:1 and black text has 3.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Ultramarine?
The complementary color of Dusty Ultramarine is #949966. Analogous colors #667A99 and #856699 also pair well.