Deep Soft Sapphire is a medium-dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #23428B, which equals rgb(35, 66, 139) in RGB and hsl(222, 60%, 34%) in HSL. In print terms it converts to roughly C75 M53 Y0 K45, although exact CMYK results depend on the paper and color profile.
- HEX
#23428B - RGB
35, 66, 139 - HSL
222°, 60%, 34% - CMYK
75, 53, 0, 45 - Family
Blue - Tone
Medium-dark, saturated
About Deep 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. 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 9.44:1. Its complementary color is #8B6C23.
Download Deep 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…
Deep Soft Sapphire color codes
| HEX | #23428B |
|---|---|
| RGB | rgb(35, 66, 139) |
| HSL | hsl(222, 60%, 34%) |
| HSV | 222°, 75%, 55% |
| CMYK | 75%, 53%, 0%, 45% |
| Decimal | 2310795 |
Shades and tints of Deep Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DAE0EC - 100
#B6C0D8 - 200
#91A1C5 - 300
#6C81B2 - 400
#48629E - 500
#23428B - 600
#1D3774 - 700
#172C5D - 800
#122146 - 900
#0C162E - 950
#060B17
Color harmonies for Deep Soft Sapphire
- Complementary
#8B6C23≈ Deep Soft Marigold - Analogous −30°
#23768B≈ Deep Soft Lagoon - Analogous +30°
#37238B≈ Deep Soft Ultramarine - Triadic +120°
#8B2342≈ Deep Soft Carmine - Triadic +240°
#428B23≈ Deep Soft Fern - Split 150°
#8B3723≈ Deep Soft Scarlet - Split 210°
#768B23≈ Deep Soft Chartreuse
Contrast and accessibility of Deep Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Soft Sapphire | Aa | 9.44:1 | AAA (excellent) |
| Black text on Deep Soft Sapphire | Aa | 2.22:1 | Fails |
CSS code for Deep Soft Sapphire
background-color: #23428B;color: #23428B;background-color: rgb(35, 66, 139);background-color: hsl(222, 60%, 34%);:root { --color-deep-soft-sapphire: #23428B; }class="bg-[#23428B]"Colors similar to Deep Soft Sapphire
- Deep Soft Cornflower
#234C8B - Deep Soft Cobalt
#23378B - Deep Muted Cobalt
#344279 - Deep Bright Cornflower
#11499C - Deep Bright Sapphire
#113B9C - Deep Muted Sapphire
#344979 - Deep Muted Royal
#343B79 - Deep Soft Cerulean
#23578B - Deep Soft Royal
#232D8B - Dark Bright Cerulean
#0D4277 - Medium Dark Muted Blue
#404096 - Deep Muted Cornflower
#345079
More blue shades
- Pale Bright Sapphire
#88A7F2 - Very Pale Bright Sapphire
#ACC2F6 - Palest Bright Sapphire
#D1DDFA - Darkest Soft Sapphire
#0A1329 - Very Dark Soft Sapphire
#122349 - Dark Soft Sapphire
#1B326A - Medium Dark Soft Sapphire
#2B51AB - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Light Soft Sapphire
#7493DC - Pale Soft Sapphire
#95ADE4
Frequently asked questions
What is the HEX code for Deep Soft Sapphire?
The HEX code for Deep Soft Sapphire is #23428B.
What is the RGB value of Deep Soft Sapphire?
Deep Soft Sapphire has an RGB value of 35, 66, 139 (rgb(35, 66, 139)). In HSL it is 222°, 60%, 34%.
What text color should I use on Deep Soft Sapphire?
Use white text on Deep Soft Sapphire. White text has a contrast ratio of 9.44:1 and black text has 2.22:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Soft Sapphire?
The complementary color of Deep Soft Sapphire is #8B6C23. Analogous colors #23768B and #37238B also pair well.