#007BA7
Blue family

Cerulean

Also known as: tranquil · vibrant · serene · refreshing · clear
Save
Hex #007BA7
RGB rgb(0, 123, 167)
HSL hsl(196°, 100%, 33%)
CMYK 100 · 26 · 0 · 35
NCS S 2040-B10G

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, cerulean symbolizes calmness and stability, often associated with peaceful environments. However, in some Eastern traditions, it reflects the vastness of the sky and the sea, representing freedom and exploration.

Cerulean was first documented in the 19th century, with its pigment being patented by the painter and chemist George Frederick Watts in 1860. The color became widely popular among artists and was prized for its vibrant hue and versatility in painting.

tranquilvibrantserenerefreshingclear

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Cerulean. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Cerulean by lightness — from #004057 (darkest) to #7ABAD1 (lightest). Click any to copy.

-40% #004057
-30% #004F6B
-20% #005D7F
-10% #006C93
BASE #007BA7
+15% #1F8BB2
+30% #3D9BBC
+50% #5CABC7
+70% #7ABAD1

Complementary

Sitting opposite Cerulean at 16° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Cerulean.

#007BA7
#FFD700
#FFFFFF
#2E8B57
#8B0000

Coastal Serenity

Calm Escape
#007BA7
#003366
#CCCCCC
#FF4500
#FFDAB9

Oceanic Depths

Bold Contrast
#007BA7
#F0F8FF
#A9A9A9
#FF6347
#32CD32

Skyward Dreams

Bright Inspiration

Used by

Brands and institutions known for using Cerulean.

PantoneCrayola

Cerulean scale

A 50–900 tonal scale with Cerulean anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EBF4F8
100 #D1E7EF
200 #9ECDDE
300 #6BB2CC
400 #3697B9
500 #007BA7
600 #006589
700 #00516E
800 #003E54
900 #002A39

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 4.78:1
Cerulean as text on… Ratio AA AAA
Aa White background 4.78:1 Pass Large only
Aa Black background 4.39:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #007BA7

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #007BA7;
CSS color-mix (lighten 30%) color-mix(in srgb, #007BA7 70%, white)
HSV / HSB 196°, 100%, 65%
CMYK (print) 100, 26, 0, 35
Decimal 31655
Nearest web-safe #006699

Color vision

How Cerulean appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#007BA7

Protanopia (no red)

#35369C

Deuteranopia (no green)

#2E259A

Tritanopia (no blue)

#069492
Baby Blue
7 / 45 Blues Azure
Copied!