Deep Dusty Sapphire is a medium-dark, muted shade in the blue color family, with a cool feel. Its HEX code is #455068, which equals rgb(69, 80, 104) in RGB and hsl(221, 20%, 34%) in HSL. In print terms it converts to roughly C34 M23 Y0 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#455068 - RGB
69, 80, 104 - HSL
221°, 20%, 34% - CMYK
34, 23, 0, 59 - Family
Blue - Tone
Medium-dark, muted
About Deep 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 white is the most readable choice on this color, with a contrast ratio of 8.08:1. Its complementary color is #685D45.
Download Deep 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…
Deep Dusty Sapphire color codes
| HEX | #455068 |
|---|---|
| RGB | rgb(69, 80, 104) |
| HSL | hsl(221, 20%, 34%) |
| HSV | 221°, 34%, 41% |
| CMYK | 34%, 23%, 0%, 59% |
| Decimal | 4542568 |
Shades and tints of Deep Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0E2E6 - 100
#C1C5CD - 200
#A2A8B4 - 300
#838A9A - 400
#646D81 - 500
#455068 - 600
#3A4357 - 700
#2E3545 - 800
#232834 - 900
#171B23 - 950
#0C0D11
Color harmonies for Deep Dusty Sapphire
- Complementary
#685D45≈ Deep Dusty Amber - Analogous −30°
#456268≈ Deep Dusty Peacock - Analogous +30°
#4C4568≈ Deep Dusty Ultramarine - Triadic +120°
#684550≈ Deep Dusty Carmine - Triadic +240°
#506845≈ Deep Dusty Fern - Split 150°
#684C45≈ Deep Dusty Scarlet - Split 210°
#626845≈ Deep Dusty Lime
Contrast and accessibility of Deep Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Dusty Sapphire | Aa | 8.08:1 | AAA (excellent) |
| Black text on Deep Dusty Sapphire | Aa | 2.60:1 | Fails |
CSS code for Deep Dusty Sapphire
background-color: #455068;color: #455068;background-color: rgb(69, 80, 104);background-color: hsl(221, 20%, 34%);:root { --color-deep-dusty-sapphire: #455068; }class="bg-[#455068]"Colors similar to Deep Dusty Sapphire
- Deep Dusty Cornflower
#455368 - Deep Dusty Cobalt
#454C68 - Deep Dusty Cerulean
#455768 - Deep Dusty Royal
#454968 - Deep Dusty Azure
#455A68 - Deep Dusty Blue
#454568 - Deep Dusty Ultramarine
#494568 - Deep Dusty Indigo
#4C4568 - Cool Gray 35
#515861 - Deep Dusty Iris
#504568 - Deep Dusty Capri
#455E68 - Deep Dusty Periwinkle
#534568
More blue shades
- Light Muted Sapphire
#869ACB - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50 - Medium Dark Dusty Sapphire
#566381 - Dusty Sapphire
#667599 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Sapphire
#97A1BA - Pale Dusty Sapphire
#AFB7CA
Frequently asked questions
What is the HEX code for Deep Dusty Sapphire?
The HEX code for Deep Dusty Sapphire is #455068.
What is the RGB value of Deep Dusty Sapphire?
Deep Dusty Sapphire has an RGB value of 69, 80, 104 (rgb(69, 80, 104)). In HSL it is 221°, 20%, 34%.
What text color should I use on Deep Dusty Sapphire?
Use white text on Deep Dusty Sapphire. White text has a contrast ratio of 8.08:1 and black text has 2.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Dusty Sapphire?
The complementary color of Deep Dusty Sapphire is #685D45. Analogous colors #456268 and #4C4568 also pair well.