Color Palettes

Peacock blue color

A deep, jewel-toned blue with a touch of green, taken from the shimmering neck feathers of a peacock. It feels luxurious and bold, great for velvet sofas, evening wear and statement walls.

Also known as: Peacock.

The hex code for peacock blue is #016795. In RGB it is rgb(1, 103, 149), in HSL hsl(199, 99%, 29%) and in CMYK 99, 31, 0, 42.

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 peacock blue

Cerulean#007BA7Lapis lazuli#26619CSteel blue#4682B4Ocean blue#005A9CFrench blue#0072BBAir force blue#5D8AA8

About peacock blue

Peacock blue (#016795) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 1 red, 103 green and 149 blue (out of 255). It is mostly used in home decor, fashion, weddings.

Swatch of Peacock blue with its shades from light to dark · #016795
Peacock blue · #016795

Peacock blue shades and tints

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

See all its shades: Color shades generator

Peacock blue outfits: palettes by season

Outfit palettes with peacock blue or a very close shade, each with 8 outfits to copy.

Quiet luxurySummer · Men

Peacock blue color harmonies

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

ComplementaryClose to: Paprika
AnalogousClose to: Jungle green, Klein blue
TriadicClose to: Dark pink, Avocado
Split complementaryClose to: Ruby, Hazel
TetradicClose to: Grape purple, Paprika, Green

Peacock blue color palettes

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

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

Peacock blue contrast with text

White textContrast 6.2:1 · AA
Black textContrast 3.4:1 · AA large text

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

CSS code

:root {
  --peacock-blue: #016795;
  --peacock-blue-rgb: 1, 103, 149;
}
.bg { background-color: var(--peacock-blue); }
.text { color: var(--peacock-blue); }

Colors similar to peacock blue

Twilight bluePetrol blueCarolina bluePayne's gray

Where you'll see this color

Domino'sBrandsMinnesota TimberwolvesTeam colorsColorado AvalancheTeam 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 Peacock blue with its shades from light to dark · #016795
Swatch of Peacock blue with its shades from light to dark · #016795

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 peacock blue?

The hex code for peacock blue is #016795. In RGB it is rgb(1, 103, 149), in HSL hsl(199, 99%, 29%) and in CMYK 99, 31, 0, 42.

What is the complementary color of peacock blue?

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

Can you use white text on peacock blue?

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