HomeColor Encyclopedia
Blue

Mediterranean Blue

#9BA1F7

A vibrant yet gentle shade of cool blue, reminiscent of the azure waters of the Mediterranean Sea.

Generate palette with this color →

Emotion & Mood

Emotion
TranquilitySerenityCalmness
Mood
PeacefulSoothingDreamy

Personality & Symbolism

ComposedRelaxedCollected
Cultural Symbolism

Represents a connection to nature, serenity, and the calming effect of water. May also symbolize reliability and consistency.

Recommended Use

Ideal for creating a calm and peaceful environment, such as in bedrooms or relaxation spaces.

Color Harmonies

Complementary
#9BA1F7
+
#f7f19c
Split Complementary
#f7c39c
#9BA1F7
#d0f79c
Darker Shades
Lighter Tints

Visual Analysis

Hue236°
Saturation85%
Lightness79%
This is a light color with high saturation. It falls in the blue hue family (236°).

Technical Values

HEX#9BA1F7
RGBrgb(155, 161, 247)
HSLhsl(236, 85%, 79%)
CMYK37%, 35%, 0%, 3%
ContrastDark
CSSbackground: #9BA1F7;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
2.38:1
AA AAA
Black Text Sample
The quick brown fox jumps.
8.83:1
AA AAA

WCAG 2.1 requires a contrast ratio of ≥4.5:1 for AA (normal text) and ≥7:1 for AAA. Best text color for this background: black (#000000).

Color Psychology

Color Temperature

This cool-toned color (hue 236°) evokes feelings of calm, trust, and intellectual focus. Cool colors tend to recede visually, creating depth and spaciousness in layouts.

Visual Weight

With 79% lightness, this color feels lightweight and expansive. Light colors psychologically reduce perceived weight of UI elements by up to 20%, making interfaces feel more airy.

Saturation Impact

The high saturation (85%) creates a vibrant, attention-demanding presence. Highly saturated colors are processed faster by the human brain — reaction time decreases by approximately 50ms compared to desaturated variants.

Design Applications

Corporate & Enterprise

Communicates trust and professionalism — the top choice for corporate sites, legal firms, and B2B SaaS.

Government & Institutions

Authority and dependability — frequently used for government portals, educational institutions, and official communications.

Backgrounds & Space

Light tones create spacious, breathable layouts — ideal for content-heavy pages, minimalist designs, and card backgrounds.

CTAs & Accents

High saturation draws attention — use for primary buttons, notification badges, and important interactive elements.

Similar Colors

Dark Slate Gray
#31356F
鸦青墨 (Crow Ink Blue)
#3B3D58
Medium Blue-Violet
#3C4CFC
Darkblue
#030764
Periwinkle Blue
#8F99FB
नील (Indigo Blue)
#13169B
Dark Emerald Green
#020837
紅掛花 (Benikakehana)
#4E4F97