Color Palettes

Deep blue color

A dark, saturated blue that sits between navy and royal blue. It looks trustworthy and calm, which makes it a popular choice for corporate branding, suits and bedrooms.

Also known as: Rich blue.

The hex code for deep blue is #0A2472. In RGB it is rgb(10, 36, 114), in HSL hsl(225, 84%, 24%) and in CMYK 91, 68, 0, 55.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to deep blue

Midnight blue#191970Cobalt blue#0047ABViolet blue#324AB2Delft blue#1F305ESapphire blue#0F52BAUltra violet#5F4B8B

About deep blue

Deep blue (#0A2472) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 10 red, 36 green and 114 blue (out of 255). It is mostly used in branding, menswear, home decor.

Swatch of Deep blue with its shades from light to dark · #0A2472
Deep blue · #0A2472

Deep blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Deep blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Hazel
AnalogousClose to: Petrol blue, Midnight blue
TriadicClose to: Claret, Dark green
Split complementaryClose to: Burnt umber, Olive drab
TetradicClose to: Byzantium, Hazel, Deep green

Deep blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Deep blue
Analogous palette · Deep blue
Complementary palette · Deep blue
Triadic palette · Deep blue
With neutrals palette · Deep blue
With an accent palette · Deep blue

Deep blue contrast with text

White textContrast 13.9:1 · AAA
Black textContrast 1.5:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --deep-blue: #0A2472;
  --deep-blue-rgb: 10, 36, 114;
}
.bg { background-color: var(--deep-blue); }
.text { color: var(--deep-blue); }

Colors similar to deep blue

Twilight blueRebecca purpleKlein blueDenim blue

Where you'll see this color

Costa RicaFlagsUniversidad de ChileSoccer teamsPayPalBrandsColoradoState flagsBuffalo BillsTeam colorsBrazilFlagsFordBrandsConnecticutState flagsNew York GiantsTeam colorsMercado LibreBrandsHawaiiState flagsChicago CubsTeam colors

Themed palettes with this color

More blues

BlueNavy blueSky blueCobalt blueSapphire blueSteel blueRoyal blueElectric blueMidnight blueUltramarineFrench bluePrussian bluePastel blueBaby blueDenim blueKlein blueDark blueLight blueCeruleanPeriwinkleDusty bluePowder blueCornflower blueSlate blue
Swatch of Deep blue with its shades from light to dark · #0A2472
Swatch of Deep blue with its shades from light to dark · #0A2472

Try this next

Name color paletteType a name and get your own color story paletteToday's lucky colorYour daily lucky color by zodiac signFace shape detectorFind your face shape, best haircuts and glasses
See all free tools →

Frequently asked questions

What is the hex code for deep blue?

The hex code for deep blue is #0A2472. In RGB it is rgb(10, 36, 114), in HSL hsl(225, 84%, 24%) and in CMYK 91, 68, 0, 55.

What is the complementary color of deep blue?

Its complement on the color wheel is #72580A, close to hazel. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on deep blue?

Yes. The contrast with white is 13.9:1, enough for body text (WCAG AA).