Cerulean color

From the Latin caeruleus, meaning sky blue. It's a deep medium blue, like the midday sky. It was Pantone's Color of the Year in 2000 and is a watercolor favorite.

Also known as: cerulean blue.

Cerulean · #007BA7

About cerulean

Cerulean (#007BA7) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 123 green and 167 blue (out of 255). It is mostly used in art, home decor, fashion.

Cerulean shades and tints

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

Cerulean color harmonies

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

ComplementaryClose to: Rust

AnalogousClose to: Jade green, Klein blue

TriadicClose to: Purple, Apple green

Split complementaryClose to: Ruby, Caramel

TetradicClose to: Deep purple, Rust, Green

Cerulean color palettes

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

Monochromatic palette · Cerulean

Analogous palette · Cerulean

Complementary palette · Cerulean

Triadic palette · Cerulean

With neutrals palette · Cerulean

With an accent palette · Cerulean

Cerulean contrast with text

White textContrast 4.8:1 · AA

Black textContrast 4.4:1 · AA large text

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

CSS code

:root {
  --cerulean: #007BA7;
  --cerulean-rgb: 0, 123, 167;
}
.bg { background-color: var(--cerulean); }
.text { color: var(--cerulean); }

Colors similar to cerulean

Steel blue Blue gray French blue Petrol blue Slate gray Teal Steel gray Lead gray Prussian blue Charcoal gray

Themed palettes with this color

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Dark blue Light blue

Frequently asked questions

What is the hex code for cerulean?

The hex code for cerulean is #007BA7. In RGB it is rgb(0, 123, 167), in HSL hsl(196, 100%, 33%) and in CMYK 100, 26, 0, 35.

What is the complementary color of cerulean?

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

Can you use white text on cerulean?

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