Ocean Blue

The dark, mysterious blue of the abyssal ocean, vast and deep

HEX#00477D
RGBrgb(0, 71, 125)
HSLhsl(206, 100%, 25%)
HSVhsv(206, 100%, 49%)
CMYKcmyk(100%, 43%, 0%, 51%)
HEXA#00477DFF
RGBArgba(0, 71, 125, 1)
HSLAhsla(206, 100%, 25%, 1)
OKLCHoklch(60.9%, 0.118, 227)
LCHlch(55.5%, 41.5, 238)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#008077
Copy
#00477D
Copy
#000880
Triadic3 hues spaced 120° apart
Copy
#00477D
Copy
#800048
Copy
#488000
Split ComplementaryMain color + colors adjacent to its complement
Copy
#00477D
Copy
#800008
Copy
#807700
Complementary2 hues spaced 180° apart
Copy
#00477D
Copy
#803700
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#00477D
Copy
#770080
Copy
#803700
Copy
#088000
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#000E1A
Copy
#00477D
Copy
#0082E6
Copy
#4DB2FF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#BDE2FFRatio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#A3A9FFRatio 4.4:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#AE70FFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#DB007CRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#001729Copy
#001D33Copy
#002642Copy
#002E52Copy
#003761Copy
#004070Copy
#004880Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#264359Copy
#204460Copy
#194566Copy
#13466CCopy
#0D4773Copy
#064779Copy
#004880Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#0E151BCopy
#0F1B24Copy
#102333Copy
#0E2C43Copy
#0B3556Copy
#073F69Copy
#004880Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#006880Copy
#005E80Copy
#005380Copy
#004880Copy
#003E80Copy
#003380Copy
#002880Copy

💡 Use Cases

🌊

Deep-Sea Exploration

Submersible pressure hull coating—low visibility to avoid disturbing bioluminescent creatures, blending with the environment.

🎧

Noise-Canceling Headphones

Primary render color for premium headphones—visualizing noise isolation as deep as the abyss.

⚰️

Ocean Burials

Base color for eco-friendly reef urns—letting the departed's traces sink into endless blue, merging with the sea.

📖

Thriller Novels

Covers for suspense novels and true-crime documentaries—bottomless ocean blue keeping criminal secrets.

📜 Origin & History

Ocean Blue comes from the mesopelagic zone below 200 meters, where sunlight barely reaches. Here, blue wavelengths are heavily absorbed, creating a ghostly claustrophobic dark blue—the dominant color of Earth's largest ecosystem.

20th-century deep-sea exploration first revealed these colors to the public. Oceanographer William Beebe recorded the last hint of deep blue before darkness consumed the view from the bathysphere—words that profoundly moved a generation.

From Jules Verne's Nautilus to Titanic's Atlantic wreck, ocean blue symbolizes nature's unconquerable power and secrets buried deep beneath the sea.

In the 21st century, carrying the dual imagery of deep-sea pressure and silence, ocean blue has become a favorite in noise-canceling and pressure-resistant product design, representing watertight sealing and the fearless spirit of deep-sea exploration.

🧠 Color Psychology

ClaustrophobicThe extreme pressure of a lightless deep—but within this confinement, consciousness sinks deeper inward.
Awe-inspiringConfronted with irresistible deep-sea pressure, the individual feels insignificance and a worshipful reverence.
DevouringLike a blue hole absorbing light and sound, erasing traces in absolute spatial silence.
EnduringSurvival strategy under extreme pressure—like deep-sea fish with low metabolism, enduring prolonged darkness.
UnfathomableThe source of thalassophobia—the anxiety of the unknown fueling imagination, the best catalyst for suspense.
WeightyNot just visual heaviness, but mental pressure from thousands of meters of water—a dull, grounded gravity.