Dark Soft Sapphire is a dark, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #1B326A, which equals rgb(27, 50, 106) in RGB and hsl(223, 59%, 26%) in HSL. In print terms it converts to roughly C75 M53 Y0 K58, although exact CMYK results depend on the paper and color profile.
- HEX
#1B326A - RGB
27, 50, 106 - HSL
223°, 59%, 26% - CMYK
75, 53, 0, 58 - Family
Blue - Tone
Dark, moderately saturated
About Dark Soft 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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 12.27:1. Its complementary color is #69531B.
Download Dark Soft 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…
Dark Soft Sapphire color codes
| HEX | #1B326A |
|---|---|
| RGB | rgb(27, 50, 106) |
| HSL | hsl(223, 59%, 26%) |
| HSV | 223°, 75%, 42% |
| CMYK | 75%, 53%, 0%, 58% |
| Decimal | 1782378 |
Shades and tints of Dark Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9DDE6 - 100
#B3BBCD - 200
#8D99B5 - 300
#67769C - 400
#415483 - 500
#1B326A - 600
#172A58 - 700
#122147 - 800
#0E1935 - 900
#091123 - 950
#050812
Color harmonies for Dark Soft Sapphire
- Complementary
#69531B≈ Dark Soft Amber - Analogous −30°
#1B5869≈ Dark Soft Peacock - Analogous +30°
#2C1B69≈ Dark Soft Indigo - Triadic +120°
#691B31≈ Dark Soft Ruby - Triadic +240°
#31691B≈ Dark Soft Leaf - Split 150°
#692C1B≈ Dark Soft Vermilion - Split 210°
#58691B≈ Dark Soft Lime
Contrast and accessibility of Dark Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Soft Sapphire | Aa | 12.27:1 | AAA (excellent) |
| Black text on Dark Soft Sapphire | Aa | 1.71:1 | Fails |
CSS code for Dark Soft Sapphire
background-color: #1B326A;color: #1B326A;background-color: rgb(27, 50, 106);background-color: hsl(223, 59%, 26%);:root { --color-dark-soft-sapphire: #1B326A; }class="bg-[#1B326A]"Colors similar to Dark Soft Sapphire
- Dark Soft Cornflower
#1B3A6A - Dark Soft Cobalt
#1B2A6A - Dark Muted Cobalt
#28325D - Dark Muted Royal
#282D5D - Dark Muted Sapphire
#28385D - Dark Bright Sapphire
#0D2D77 - Dark Soft Cerulean
#1B426A - Dark Soft Royal
#1B226A - Dark Bright Cornflower
#0D3877 - Dark Muted Blue
#28285D - Dark Muted Cornflower
#283D5D - Dark Muted Ultramarine
#2D285D
More blue shades
- Light Bright Sapphire
#638DEE - Pale Bright Sapphire
#88A7F2 - Very Pale Bright Sapphire
#ACC2F6 - Palest Bright Sapphire
#D1DDFA - Darkest Soft Sapphire
#0A1329 - Very Dark Soft Sapphire
#122349 - Deep Soft Sapphire
#23428B - Medium Dark Soft Sapphire
#2B51AB - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Light Soft Sapphire
#7493DC
Frequently asked questions
What is the HEX code for Dark Soft Sapphire?
The HEX code for Dark Soft Sapphire is #1B326A.
What is the RGB value of Dark Soft Sapphire?
Dark Soft Sapphire has an RGB value of 27, 50, 106 (rgb(27, 50, 106)). In HSL it is 223°, 59%, 26%.
What text color should I use on Dark Soft Sapphire?
Use white text on Dark Soft Sapphire. White text has a contrast ratio of 12.27:1 and black text has 1.71:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Soft Sapphire?
The complementary color of Dark Soft Sapphire is #69531B. Analogous colors #1B5869 and #2C1B69 also pair well.