Color Palettes

Twilight blue color

A dusky blue like the sky shortly after sunset. It is moody yet soft and works beautifully for evening weddings, bedrooms and night-themed graphics.

Also known as: Twilight.

Open in editor

The hex code for twilight blue is #0A437A. In RGB it is rgb(10, 67, 122), in HSL hsl(209, 85%, 26%) and in CMYK 92, 45, 0, 52.

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

Delft blue#1F305EOcean blue#005A9CInk blue#1F3A5FLapis lazuli#26619CPrussian blue#003153Oxford blue#002147

About twilight blue

Twilight blue (#0A437A) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 10 red, 67 green and 122 blue (out of 255). It is mostly used in weddings, home decor, graphic design.

Swatch of Twilight blue with its shades from light to dark · #0A437A
Twilight blue · #0A437A

Twilight 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

Twilight blue color harmonies

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

ComplementaryClose to: Chocolate brown
AnalogousClose to: Teal, Navy blue
TriadicClose to: Tyrian purple, Avocado
Split complementaryClose to: Barn red, Olive green
TetradicClose to: Purple, Chocolate brown, Green

Twilight blue color palettes

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

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

Twilight blue contrast with text

White textContrast 10.0:1 · AAA
Black textContrast 2.1:1 · Not recommended

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

CSS code

:root {
  --twilight-blue: #0A437A;
  --twilight-blue-rgb: 10, 67, 122;
}
.bg { background-color: var(--twilight-blue); }
.text { color: var(--twilight-blue); }

Colors similar to twilight blue

Peacock blueUltra violetFrench blueDeep blue

Where you'll see this color

Boca JuniorsSoccer teamsCapital OneBrandsKansas City RoyalsTeam colorsKent State Golden FlashesTeam colorsToledo RocketsTeam colorsPenn State Nittany LionsTeam colorsMiddle Tennessee Blue RaidersTeam colors

Themed palettes with this color

Logo color palettesPresentation color palettesThesis color palettesHair salon and beauty salon color palettesMedical clinic and office color palettesMonochromatic color palettes

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 Twilight blue with its shades from light to dark · #0A437A
Swatch of Twilight blue with its shades from light to dark · #0A437A

Try this next

Name color paletteType a name and get your own color story paletteFamily birth flower bouquetEveryone's birth flowers in one bouquetBirthday Color PatternPlaids and stripes from your family's birthdays
See all free tools →

Frequently asked questions

What is the hex code for twilight blue?

The hex code for twilight blue is #0A437A. In RGB it is rgb(10, 67, 122), in HSL hsl(209, 85%, 26%) and in CMYK 92, 45, 0, 52.

What is the complementary color of twilight blue?

Its complement on the color wheel is #7A410A, close to chocolate brown. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on twilight blue?

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