Skip to content

Cerulean #007ba7

The sky at its most quotable.

RGB
0, 123, 167
HSL
196°, 100%, 33%
CMYK
100, 26, 0, 35
Luminance
0.1696

About Cerulean

Cerulean, #007ba7, is sky blue with a career — from Latin caeruleus (heaven-blue), it names the mid-blue between azure’s brightness and teal’s green lean. One monologue in The Devil Wears Prada made it fashion’s most famous color lecture.

History

Cerulean pigment (cobalt stannate) arrived in the 1860s and gave landscape painters a stable sky; Crayola adopted it in 1990, and Pantone crowned Cerulean the first-ever Color of the Year (2000) as “the color of the millennium’s sky.”

Psychology

Cerulean is optimism with altitude — calmer than cyan, friendlier than navy. Pantone’s pick pitched it explicitly as anxiety’s antidote for a new century.

In design

Cerulean works as a confident brand mid-blue: #007ba7 passes AA for normal text on white (4.7:1). It pairs with sand, coral and white for coastal palettes, charcoal for corporate calm. Weather, travel and health tech live here.

In culture

Miranda Priestly’s cerulean-sweater speech taught the internet how trickle-down fashion works — and made this the only hue with a famous film monologue about supply chains.

Brands that own cerulean

Shades of cerulean

Every format

HEX#007ba7
RGBrgb(0, 123, 167)
HSLhsl(196, 100%, 33%)
CMYKcmyk(100%, 26%, 0%, 35%)
LABlab(48.2 -12.3 -31.4)
LCHlch(48.2 33.8 248.6)
OKLCHoklch(0.548 0.112 232.4)

Copy-ready code

/* CSS */
color: #007ba7;
background-color: #007ba7;
/* Tailwind (arbitrary) */
class="text-[#007ba7] bg-[#007ba7]"
/* SCSS */
$brand: #007ba7;
/* SwiftUI */
Color(red: 0.000, green: 0.482, blue: 0.655)
/* Android */
Color.parseColor("#007ba7")

Accessibility — WCAG contrast

Aa
#007ba7 on white: 4.78:1
AA ✓ pass · AA-large · AAA
Aa
#007ba7 on black: 4.39:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.0%
Green48.2%
Blue65.5%

CMYK percentages

Cyan100.0%
Magenta26.3%
Yellow0.0%
Key (black)34.5%

Color previews

#007ba7 text on a black background

contrast 4.39:1

Card sample

#007ba7 text on a white background

contrast 4.78:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #007ba7;
Background color
Panel with #007ba7 background
background-color: #007ba7;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #007ba7;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(0, 123, 167, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(0, 123, 167, 0.45);
Border & gradient
Gradient panel
border: 3px solid #007ba7;
background: linear-gradient(135deg, #007ba7, #000CA7);

Monochromatic scale

Palettes built from #007ba7

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Cerulean, answered

What is the hex code for cerulean?

Cerulean is #007ba7; Crayola’s crayon is brighter (#1dacd6) and Pantone’s 2000 pick paler (#98b4d4).

Why is cerulean famous in fashion?

The Devil Wears Prada’s monologue traces a cerulean sweater from runway to clearance bin — cinema’s definitive explanation of fashion’s color pipeline.

Cerulean vs azure vs sky blue?

Azure is brighter and more saturated, sky blue paler and softer, cerulean the pigment-grade middle — the painter’s stable sky.

Work with #007ba7 in the Color Lab