Deep Sapphire is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0034AD, which equals rgb(0, 52, 173) in RGB and hsl(222, 100%, 34%) in HSL. In print terms it converts to roughly C100 M70 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#0034AD - RGB
0, 52, 173 - HSL
222°, 100%, 34% - CMYK
100, 70, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep 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 10.03:1. Its complementary color is #AD7900.
Download Deep 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 Sapphire color codes
| HEX | #0034AD |
|---|---|
| RGB | rgb(0, 52, 173) |
| HSL | hsl(222, 100%, 34%) |
| HSV | 222°, 100%, 68% |
| CMYK | 100%, 70%, 0%, 32% |
| Decimal | 13485 |
Shades and tints of Deep Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DDF1 - 100
#AABBE4 - 200
#809AD6 - 300
#5578C8 - 400
#2B56BB - 500
#0034AD - 600
#002B90 - 700
#002373 - 800
#001A57 - 900
#00113A - 950
#00091D
Color harmonies for Deep Sapphire
- Complementary
#AD7900≈ Caramel - Analogous −30°
#008BAD≈ Cerulean - Analogous +30°
#2300AD≈ Deep Iris - Triadic +120°
#AD0034≈ Deep Carmine - Triadic +240°
#34AD00≈ Deep Clover - Split 150°
#AD2300≈ Deep Cinnabar - Split 210°
#8BAD00≈ Deep Citron
Contrast and accessibility of Deep Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Sapphire | Aa | 10.03:1 | AAA (excellent) |
| Black text on Deep Sapphire | Aa | 2.09:1 | Fails |
CSS code for Deep Sapphire
background-color: #0034AD;color: #0034AD;background-color: rgb(0, 52, 173);background-color: hsl(222, 100%, 34%);:root { --color-deep-sapphire: #0034AD; }class="bg-[#0034AD]"Colors similar to Deep Sapphire
- Deep Cornflower
#0045AD - Deep Cobalt
#0023AD - Cobalt Blue
#0047AB - Deep Bright Sapphire
#113B9C - Deep Bright Cobalt
#112D9C - Medium Dark Bright Cobalt
#1538C1 - Persian Blue
#1C39BB - Medium Dark Bright Royal
#1527C1 - Deep Bright Cornflower
#11499C - Deep Bright Royal
#111F9C - Medium Dark Bright Sapphire
#1549C1 - Medium Dark Soft Royal
#2B38AB
More blue shades
- Pale Dusty Cornflower
#AFBACA - Very Pale Dusty Cornflower
#C8CFDA - Palest Dusty Cornflower
#E0E4EB - Darkest Sapphire
#000F33 - Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Medium Dark Sapphire
#0040D6 - Pure Sapphire
#004CFF - Medium Light Sapphire
#2969FF - Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF
Frequently asked questions
What is the HEX code for Deep Sapphire?
The HEX code for Deep Sapphire is #0034AD.
What is the RGB value of Deep Sapphire?
Deep Sapphire has an RGB value of 0, 52, 173 (rgb(0, 52, 173)). In HSL it is 222°, 100%, 34%.
What text color should I use on Deep Sapphire?
Use white text on Deep Sapphire. White text has a contrast ratio of 10.03:1 and black text has 2.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Sapphire?
The complementary color of Deep Sapphire is #AD7900. Analogous colors #008BAD and #2300AD also pair well.