Deep Cerulean is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0057AD, which equals rgb(0, 87, 173) in RGB and hsl(210, 100%, 34%) in HSL. In print terms it converts to roughly C100 M50 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#0057AD - RGB
0, 87, 173 - HSL
210°, 100%, 34% - CMYK
100, 50, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep Cerulean
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 7.08:1. Its complementary color is #AD5700.
Download Deep Cerulean 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 Cerulean color codes
| HEX | #0057AD |
|---|---|
| RGB | rgb(0, 87, 173) |
| HSL | hsl(210, 100%, 34%) |
| HSV | 210°, 100%, 68% |
| CMYK | 100%, 50%, 0%, 32% |
| Decimal | 22445 |
Shades and tints of Deep Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E3F1 - 100
#AAC7E4 - 200
#80ABD6 - 300
#558FC8 - 400
#2B73BB - 500
#0057AD - 600
#004990 - 700
#003A73 - 800
#002C57 - 900
#001D3A - 950
#000F1D
Color harmonies for Deep Cerulean
- Complementary
#AD5700≈ Deep Tangerine - Analogous −30°
#00ADAD≈ Deep Teal - Analogous +30°
#0000AD≈ Deep Ultramarine - Triadic +120°
#AD0057≈ Deep Rose - Triadic +240°
#57AD00≈ Deep Spring Bud - Split 150°
#AD0000≈ Deep Cardinal - Split 210°
#ADAD00≈ Deep Citron
Contrast and accessibility of Deep Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Cerulean | Aa | 7.08:1 | AAA (excellent) |
| Black text on Deep Cerulean | Aa | 2.97:1 | Fails |
CSS code for Deep Cerulean
background-color: #0057AD;color: #0057AD;background-color: rgb(0, 87, 173);background-color: hsl(210, 100%, 34%);:root { --color-deep-cerulean: #0057AD; }class="bg-[#0057AD]"Colors similar to Deep Cerulean
- Cobalt Blue
#0047AB - Sapphire
#0F52BA - Deep Azure
#0068AD - Deep Cornflower
#0045AD - Deep Bright Cerulean
#11579C - Denim
#1560BD - Medium Dark Bright Cornflower
#155AC1 - Deep Bright Azure
#11659C - Deep Bright Cornflower
#11499C - Medium Dark Bright Sapphire
#1549C1 - Medium Dark Bright Cerulean
#156BC1 - Medium Dark Soft Sapphire
#2B51AB
More blue shades
- Pale Dusty Azure
#AFBFCA - Very Pale Dusty Azure
#C8D3DA - Palest Dusty Azure
#E0E7EB - Darkest Cerulean
#001933 - Very Dark Cerulean
#002E5C - Dark Cerulean
#004285 - Medium Dark Cerulean
#006BD6 - Medium Light Cerulean
#2994FF - Light Cerulean
#52A8FF - Pale Cerulean
#7ABDFF - Very Pale Cerulean
#A3D1FF
Frequently asked questions
What is the HEX code for Deep Cerulean?
The HEX code for Deep Cerulean is #0057AD.
What is the RGB value of Deep Cerulean?
Deep Cerulean has an RGB value of 0, 87, 173 (rgb(0, 87, 173)). In HSL it is 210°, 100%, 34%.
What text color should I use on Deep Cerulean?
Use white text on Deep Cerulean. White text has a contrast ratio of 7.08:1 and black text has 2.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Cerulean?
The complementary color of Deep Cerulean is #AD5700. Analogous colors #00ADAD and #0000AD also pair well.