Deep Blue is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0000AD, which equals rgb(0, 0, 173) in RGB and hsl(240, 100%, 34%) in HSL. In print terms it converts to roughly C100 M100 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#0000AD - RGB
0, 0, 173 - HSL
240°, 100%, 34% - CMYK
100, 100, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep Blue
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 13.10:1. Its complementary color is #ADAD00.
Download Deep Blue 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 Blue color codes
| HEX | #0000AD |
|---|---|
| RGB | rgb(0, 0, 173) |
| HSL | hsl(240, 100%, 34%) |
| HSV | 240°, 100%, 68% |
| CMYK | 100%, 100%, 0%, 32% |
| Decimal | 173 |
Shades and tints of Deep Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5D5F1 - 100
#AAAAE4 - 200
#8080D6 - 300
#5555C8 - 400
#2B2BBB - 500
#0000AD - 600
#000090 - 700
#000073 - 800
#000057 - 900
#00003A - 950
#00001D
Color harmonies for Deep Blue
- Complementary
#ADAD00≈ Deep Citron - Analogous −30°
#0057AD≈ Cobalt Blue - Analogous +30°
#5700AD≈ Deep Amethyst - Triadic +120°
#AD0000≈ Deep Cardinal - Triadic +240°
#00AD00≈ Deep Shamrock - Split 150°
#AD5700≈ Deep Tangerine - Split 210°
#57AD00≈ Deep Spring Bud
Contrast and accessibility of Deep Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Blue | Aa | 13.10:1 | AAA (excellent) |
| Black text on Deep Blue | Aa | 1.60:1 | Fails |
CSS code for Deep Blue
background-color: #0000AD;color: #0000AD;background-color: rgb(0, 0, 173);background-color: hsl(240, 100%, 34%);:root { --color-deep-blue: #0000AD; }class="bg-[#0000AD]"Colors similar to Deep Blue
- Deep Ultramarine
#1100AD - Deep Royal
#0011AD - Deep Indigo
#2300AD - Deep Bright Blue
#11119C - Medium Blue
#0000CD - Dark Blue
#00008B - Medium Dark Bright Blue
#1515C1 - Deep Bright Ultramarine
#1F119C - Dark Blue Tone
#000085 - Deep Cobalt
#0023AD - Medium Dark Blue
#0000D6 - Dark Ultramarine
#0D0085
More blue shades
- Pale Dusty Royal
#AFB2CA - Very Pale Dusty Royal
#C8CADA - Palest Dusty Royal
#E0E1EB - Darkest Blue
#000033 - Very Dark Blue
#00005C - Dark Blue Tone
#000085 - Medium Dark Blue
#0000D6 - Medium Light Blue
#2929FF - Light Blue Tone
#5252FF - Pale Blue
#7A7AFF - Very Pale Blue
#A3A3FF
Frequently asked questions
What is the HEX code for Deep Blue?
The HEX code for Deep Blue is #0000AD.
What is the RGB value of Deep Blue?
Deep Blue has an RGB value of 0, 0, 173 (rgb(0, 0, 173)). In HSL it is 240°, 100%, 34%.
What text color should I use on Deep Blue?
Use white text on Deep Blue. White text has a contrast ratio of 13.10:1 and black text has 1.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Blue?
The complementary color of Deep Blue is #ADAD00. Analogous colors #0057AD and #5700AD also pair well.