Navy Blue

Name: Navy Blue
Brand: Behr

S-H-580 / Behr

#0B2F97

A vivid blue with quiet confidence. Creates restful bedrooms and focused home offices.

Spec Sheet

Hex#0B2F97

RGB11, 47, 151

HSL225°, 86%, 32%

On White 11.24:1 AAA

On Black 1.87:1 Fail

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EAECF0
Text: #1F2433
Accent: #0B2F97
Support: #B39A51
Neutral: #BBB8C7

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text

Learn more about AI Palette

Design System from Navy Blue Palettes are free. Exports aren't.

#EAECF0 background RGB 234 236 240

#1F2433 ink RGB 31 36 51

#0B2F97 accent RGB 11 47 151

#B39A51 support RGB 179 154 81

#BBB8C7 neutral RGB 187 184 199

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAECF0;
  --palette-ink: #1F2433;
  --palette-accent: #0B2F97;
  --palette-support: #B39A51;
  --palette-neutral: #BBB8C7;
}

Tailwind Config

{
  "palette-background": "#EAECF0",
  "palette-ink": "#1F2433",
  "palette-accent": "#0B2F97",
  "palette-support": "#B39A51",
  "palette-neutral": "#BBB8C7"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Navy Blue.