Deep Pure Mediterranean Sky Blue
Category: Blue
Cerulean Blue (#007BA7) — Color Codes, Meaning & UI Palettes
Cerulean Blue (#007BA7) comes from the Latin caeruleus (heaven/sky), representing a rich sky-blue pigment celebrated in fine art and popularized as Pantone's inaugural Color of the Millennium in 2000. It conveys stability, infinite horizons, and clarity.
Click to Copy HEX
Cerulean Blue
#007BA7
HEX
#007BA7
RGB
rgb(0, 123, 167)
HSL
hsl(196deg, 100%, 33%)
CMYK (Print)
cmyk(100%, 26%, 0%, 35%)
Apple Display P3
color(display-p3 0.000 0.482 0.655)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.77:1 (AA)
Black Text (#000000)
4.4:1 (AA Large)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#EBFAFF
100
#D6F4FF
200
#ADE9FF
300
#7ADCFF
400
#3DCBFF
500
#007BA7
600
#00658A
700
#00506D
800
#003B51
900
#002736
950
#00161E
Color Harmonies & Palette Schemes
Complementary
#A82D00
Opposite 180° Contrast
Analogous -30°
#00A881
Natural Harmony
Analogous +30°
#0027A8
Natural Harmony
Triadic +120°
#A8007B
120° Balanced Triad
Triadic +240°
#7BA800
120° Balanced Triad
Curated UI Design Pairings for Cerulean Blue
Ideal primary brand color for cloud infrastructure, marine conservation, travel portals, and productivity suites.
Pure White
#FFFFFF
Clean Oceanic Typography
Coral Reef
#FF6B6B
Dynamic Tropical Complement
Deep Abyssal Blue
#06283D
Authoritative Masthead
Pale Sea Mist
#DFF6FF
Fresh Card Background
Export Cerulean Blue Code Snippets
CSS Variable
--color-cerulean-blue: #007BA7;
Tailwind Config
'cerulean-blue': '#007BA7'
Swift / SwiftUI
Color(hex: "#007BA7")
JSON Design Token
{"name": "Cerulean Blue", "hex": "#007BA7"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.