GREYS

Overlook

#686D7C

RGB 104, 109, 124 · HSL 225°, 9%, 45% · CMYK 16, 12, 0, 51

Overlook is #686D7C in HEX — rgb(104, 109, 124), hsl(225°, 9%, 45%), cmyk(16%, 12%, 0%, 51%).

Overlook pulls into the mid-tone end of the greys spectrum — HSL 225°, 9%, 45%. The neutral saturation makes it near-neutral and forgiving, and the hue reads cool. In interior projects it shines on walls, soft furniture, hard surfaces — as the project's quiet backbone. Reads best alongside white trim, natural wood, brass, soft black accents.

Color Codes

HEX#686D7C

RGB104, 109, 124

HSL225°, 9%, 45%

HSV225°, 16%, 49%

CMYK16, 12, 0, 51

Decimal6843772

CSS RGBrgb(104, 109, 124)

CSS HSLhsl(225, 9%, 45%)

Paint Matches — this color across 16 brands

Hallman-Lindsay

Overlook 1319

Exact match

Vista Paint

Overlook C-1318

ΔE 0.8 · #686C7A

Dulux

Mystical S41B5

ΔE 0.8 · #696F7E

Behr

Enigmatic BNC-30

ΔE 1.5 · #6D6F7E

Benjamin Moore

Amethyst 1441 · CC-930

ΔE 2.6 · #6F7283

PPG

Alley Cat 1043-6

ΔE 2.7 · #656874

IKEA

IKEA156 156

ΔE 3.5 · #676973

Valspar

Dark Night 4003-4C

ΔE 3.7 · #5E6576

Sherwin-Williams

Granite Peak SW6250

ΔE 4.1 · #606B75

Dunn-Edwards

Draw Your Sword DE6348

ΔE 4.4 · #6C7179

Kilz

Old Lamppost TB-37

ΔE 6.7 · #70757A

RAL

Pearl Black Berry 4012

ΔE 7.1 · #6C6881

Farrow & Ball

Stiffkey Blue 281

ΔE 8.7 · #4D5B6A

Dutch Boy

Ocean Blue D-6743

ΔE 10.2 · #4C6A74

Colorhouse

Wool .06 Wool-06

ΔE 11.1 · #485761

Kobra

Grey 42

ΔE 13.9 · #889099

Light Reflectance & Undertone

Light Reflectance Value (LRV)

15/100

Dark

0 · DarkLight · 100

Soaks up light and feels moody and intimate. Great for studies, dining rooms and accent walls; pair with ample lighting.

Undertone

TemperatureCool MasstoneBlue UndertoneViolet

A near-neutral with a subtle cool violet undertone — it will pick up colour from surrounding surfaces and shift noticeably under different light.

Color Theory

Complementary

#686D7C

#7D7868

Analogous

#68787D

#686D7C

#6E687D

Triadic

#686D7C

#7D686E

#6E7D68

Split-Complementary

#686D7C

#7D6E68

#787D68

Tetradic

#686D7C

#7D6878

#7D7868

#687D6E

Monochromatic

#23252A

#464953

#686D7C

#9094A2

#BABCC5

Rectangle

#686D7C

#78687D

#7D7868

#6E7D68

Compound

#686D7C

#6E687D

#7D7868

#787D68

Variations

Lighter

#858A99

#A4A8B1

#CBCCD1

Darker

#535764

#393C45

#212329

Saturation

#707176

#686E7D

#3453B1

Interior Use

Best Rooms

living rooms, bedrooms, bathrooms

Best Uses

walls, soft furniture, hard surfaces

Pairs With

white trim, natural wood, brass, soft black accents

Accessibility (WCAG)

vs White

5.16:1

vs Black

4.07:1

AA Large

Deuteranopia

#686D7C

#686D7D

Original → Simulated

Protanopia

#686D7C

#6C6C7A

Original → Simulated

Tritanopia

#686D7C

#676F6E

Original → Simulated

Color Psychology

Quiet · Versatile

Overlook gets out of the way so the architecture and the people in the room do the work. The right neutral is never a default — it reads warm or cool, dusty or sharp depending on its undertone, and that undertone is what makes or breaks the room.

SymbolismBalance, sophistication, calm

PersonalityAdaptable, considered, timeless

versatileneutraltimelessbackdroptrimwall

How it looks under different light

#8D7E78

Warm Bulb 2700K

Incandescent / soft white LED — pulls colour toward yellow/amber.

#686D7C

Daylight 5500K

Midday natural light or daylight-spec LED — closest to the paint chip.

#7B839C

Cool Bulb 6500K

Cool white LED / overcast daylight — pulls colour toward blue.

Pairs With

#EAEAEB

Trim

Matched off-white

Same hue at 92% lightness — trim reads coordinated, not stark.

#F7F7F7

Ceiling

Whisper tint

Near-white with a hint of the hero's undertone — ceiling feels intentional.

#7A6E49

Accent

Complementary punch

Hue +180°, slightly muted for paint vs. screen — use on a door, frame, or single piece.

#574738

Floor

Walnut neutral

Warm mid-brown grounds the scheme regardless of hero hue.

Paint Info

Brand · Product Line

Benjamin Moore / Regal Select Interior

Recommended Finishes

Eggshell (walls) · Pearl (trim) · Matte (ceiling)

Eggshell hides imperfections on main walls while keeping the color rich; pearl on trim adds subtle sheen and easier cleaning; flat matte on ceilings prevents glare.

Best Surfaces

Primary walls · Cabinetry · Doors · Mouldings

Coverage & Dry Time

Typical coverage 350-400 sq ft per gallon over a primed surface.

Touch-dry in ~1 hour. Recoat after 4 hours. Full cure 7-14 days.

Primer

Standard primer is adequate.

Application Tip

Use a 9" microfiber roller on walls and a 2.5" angled sash brush for trim cuts. Two coats minimum for even depth.

Paint Calculator

Wall area (m²)

Coats

Coverage (m² / L)

You'll need

4.0 litres

1.06 US gallons · room for one touch-up coat. Buy slightly more to ensure single-batch match.

Code Snippets

CSS — color

color: #686D7C;

CSS — background

background-color: #686D7C;

CSS Variable

--color-overlook: #686D7C;

Tailwind v3 — config

colors: { 'overlook': '#686D7C' }

Tailwind — arbitrary

bg-[#686D7C] text-[#686D7C]

SCSS

$overlook: #686D7C;

Similar Colors

Amethyst Shadow

#6E7182 · ΔE 2.3

Blue Gaspe

#5C6274 · ΔE 4.9

Britannia Blue

#67737C · ΔE 4.9

Andes Summit

#586471 · ΔE 5.2

Ashland Slate

#696D72 · ΔE 6.0

French Violet

#696D86 · ΔE 6.0

Gray Shower

#6D7378 · ΔE 6.3

Ocean Floor

#5F666C · ΔE 6.4

Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

Frequently Asked Questions

What color is #686D7C?

#686D7C is Overlook, a mid-tone grey with a cool undertone.

Is #686D7C warm or cool?

Overlook reads cool, which influences how it interacts with surrounding tones and natural light.

What rooms work best with Overlook?

Overlook works well in living rooms, bedrooms, bathrooms. Designers typically use it for walls, soft furniture, hard surfaces.

What colors pair well with Overlook?

Overlook pairs naturally with white trim, natural wood, brass, soft black accents. Its complementary color is also a strong contrast option for accents.

Where can I download Overlook?

You can download Overlook on DSGN.HOUSE in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.

What's the hex code for Overlook?

The hex code is #686D7C. In RGB it's 104, 109, 124, and in HSL it's 225°, 9%, 45%.

← All colors