Distance

Name: Distance
Brand: Behr

540F-6 / Behr

#3F6A77

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

Spec Sheet

Hex#3F6A77

RGB63, 106, 119

HSL194°, 31%, 36%

On White 5.93:1 AA

On Black 3.54:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EAEFF0
Text: #192124
Accent: #3F6A77
Support: #B17968
Neutral: #C7CCDB

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 Distance Palettes are free. Exports aren't.

#EAEFF0 background RGB 234 239 240

#192124 ink RGB 25 33 36

#3F6A77 accent RGB 63 106 119

#B17968 support RGB 177 121 104

#C7CCDB neutral RGB 199 204 219

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAEFF0;
  --palette-ink: #192124;
  --palette-accent: #3F6A77;
  --palette-support: #B17968;
  --palette-neutral: #C7CCDB;
}

Tailwind Config

{
  "palette-background": "#EAEFF0",
  "palette-ink": "#192124",
  "palette-accent": "#3F6A77",
  "palette-support": "#B17968",
  "palette-neutral": "#C7CCDB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Distance.