Cerulean Blue

A soft light blue of clear skies, open, expansive, and full of hope

HEX#7EB8DA
RGBrgb(126, 184, 218)
HSLhsl(202, 55%, 67%)
HSVhsv(202, 42%, 85%)
CMYKcmyk(42%, 16%, 0%, 15%)
HEXA#7EB8DAFF
RGBArgba(126, 184, 218, 1)
HSLAhsla(202, 55%, 67%, 1)
OKLCHoklch(87.8%, 0.043, 230)
LCHlch(86.1%, 23, 230)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#7DD9CD
Copy
#7EB8DA
Copy
#7D89D9
Triadic3 hues spaced 120° apart
Copy
#7EB8DA
Copy
#D97DB7
Copy
#B7D97D
Split ComplementaryMain color + colors adjacent to its complement
Copy
#7EB8DA
Copy
#D97D89
Copy
#D9CD7D
Complementary2 hues spaced 180° apart
Copy
#7EB8DA
Copy
#D99F7D
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#7EB8DA
Copy
#CD7DD9
Copy
#D99F7D
Copy
#89D97D
MonochromaticSingle hue with varying saturation and lightness
Copy
#1F4F6B
Copy
#3689BA
Copy
#7EB8DA
Copy
#CCE3F0
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 2.2:1Fail
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 2.2:1Fail
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FFFFFFRatio 2.2:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#FCF3F8Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#2A6C92Copy
#3689BACopy
#55A1CECopy
#7DB7D9Copy
#A4CDE5Copy
#CCE3F0Copy
#D7E9F4Copy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#96B0C0Copy
#8DB3C8Copy
#85B5D1Copy
#7DB7D9Copy
#74B9E2Copy
#6CBCEACopy
#63BEF2Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#467591Copy
#4B8DB4Copy
#62A1C6Copy
#7AB5D6Copy
#96C7E4Copy
#B3D9EFCopy
#BEE0F4Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#7DCED9Copy
#7DC7D9Copy
#7DBFD9Copy
#7DB7D9Copy
#7DAFD9Copy
#7DA8D9Copy
#7DA0D9Copy

💡 Use Cases

👶

Maternity & Baby

A classic color scheme for nurseries and baby products, using soft cerulean blue to create a safe and comfortable growing environment.

🌐

Social Platform

A common color for social media interfaces, using a cerulean blue background to reduce visual fatigue and create a friendly communication atmosphere.

🛏️

Bedroom Soft Furnishings

A popular color for bedding and curtains; the cerulean blue tone aids sleep and tranquility, creating a relaxing and restful bedroom space.

🎒

Student Stationery

A common color for schoolbags and stationery, accompanying growth with a fresh cerulean blue and conveying a relaxed and cheerful learning mood.

📜 Origin & History

Cerulean blue is one of the earliest colors named and used by humans. In ancient Chinese, 'Wei' referred to the blue of the sky, and the term 'Wei Lan' first appeared in the 'Book of Songs'. The English word 'Cerulean' derives from the Latin 'caeruleus', meaning the blue of the sky or sea, and first appeared as an independent color name in literature in the 17th century, referring to the color of a clear daytime sky.

In the Middle Ages and the Renaissance, cerulean blue symbolized heaven and divinity in religious art. Painters used pigments ground from sky-blue stone and azurite to depict the Virgin's robes and angels. This soft, light blue tone became a color bridge connecting the earthly and heavenly realms.

In the 18th and 19th centuries, with the development of the pigment industry, cerulean blue became popular in European aristocratic attire and interior decoration. The French court favored cerulean blue silk and tapestries, and during the English Regency period, cerulean blue ceilings and wall decorations were all the rage, symbolizing expansiveness and elegance.

In the 20th century, cerulean blue became a key color in the gendering of children. Post-WWII commercial marketing tied pink and blue to female and male representation, respectively, and the pale cerulean blue gradually became the standard color for baby boy products. While this tradition is now reflected upon, the soft and approachable feel of cerulean blue remains deeply ingrained.

Today, cerulean blue is one of the most friendly colors in digital interfaces. From Twitter to Facebook, social media uses cerulean blue extensively as an interface's main color, leveraging its soft, non-glaring visual properties to reduce fatigue during long browsing sessions, making it one of the most ubiquitous background colors of the digital age.

🧠 Color Psychology

Gentle and HealingA soft blue tone like a mother's gentle touch, soothing a weary soul, a visual balm for emotional healing.
Free and ExpansiveEvokes the boundless clear sky, inspiring a yearning for freedom and distant places, allowing the heart to stretch wide open.
Pure and InnocentLike a clear summer day from childhood memory, evoking the simplest, purest joy and unguarded trust.
Peaceful and TolerantA mild, non-competitive color that accepts all emotions and states, offering an unconditional sense of tolerance.
Budding HopeThe first shade of blue after the rain clears, symbolizing a turnaround after hardship and the infinite possibilities of a new beginning.
Relaxed and CheerfulA light, unburdened, and non-oppressive blue, like a holiday sky, helping one to shed burdens and enjoy the present moment.