HomeColor Encyclopedia
Blue

Dark Blue-Gray

#2B3B4B

A deep, subdued shade of blue-gray often associated with technology and nature.

Generate palette with this color →

Emotion & Mood

Emotion
CalmSerious
Mood
GroundedResilient

Personality & Symbolism

ReliableMysterious
Cultural Symbolism

It may symbolize wisdom, stability, and professionalism.

Recommended Use

Ideal for backgrounds, business branding, and minimalist design.

Color Harmonies

Complementary
#2B3B4B
+
#4a3b2b
Split Complementary
#4a2b2b
#2B3B4B
#4a4a2b
Darker Shades
Lighter Tints

Visual Analysis

Hue210°
Saturation27%
Lightness23%
This is a dark color with moderate saturation. It falls in the blue hue family (210°).

Technical Values

HEX#2B3B4B
RGBrgb(43, 59, 75)
HSLhsl(210, 27%, 23%)
CMYK43%, 21%, 0%, 71%
ContrastDark
CSSbackground: #2B3B4B;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
11.48:1
AA AAA
Black Text Sample
The quick brown fox jumps.
1.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: white (#FFFFFF).

Color Psychology

Color Temperature

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

Visual Weight

At 23% lightness, this color carries substantial visual weight. Dark colors add perceived importance and gravity to elements. Research shows dark elements are perceived as 10-30% heavier.

Saturation Impact

Moderate saturation (27%) strikes a balance between engagement and comfort. These tones can be viewed for extended periods without fatigue, making them ideal for interfaces used daily.

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.

Dark Theme & UI

Deep tones reduce eye strain in dark mode — perfect for code editors, media players, and night-mode interfaces.

Similar Colors

#487BAE (Hexadecimal) or Medium Cyan (HTML color name)
#487BAE
銀鼠 (Ginnezumi)
#91989F
Lightslategray
#778899
Darkish Blue
#014182
Dodgerblue
#1E90FF
Medium Blue-Grayish Cyan
#4C657F
Light Navy Blue
#2E5A88
Cornflower Blue
#3590E5