BLUES

Mariner

#5B87AE

RGB 91, 135, 174 · HSL 208°, 34%, 52% · CMYK 48, 22, 0, 32

Mariner is #5B87AE in HEX — rgb(91, 135, 174), hsl(208°, 34%, 52%), cmyk(48%, 22%, 0%, 32%).

Mariner pulls into the mid-tone end of the blues spectrum — HSL 208°, 34%, 52%. The muted saturation makes it quiet but present, and the hue reads cool. In interior projects it shines on bedrooms, bathrooms, home offices — for calm, focused environments. Reads best alongside warm white trim, oak or walnut, brass or matte black hardware.

HEX#5B87AE
RGB91, 135, 174
HSL208°, 34%, 52%
HSV208°, 48%, 68%
CMYK48, 22, 0, 32
Decimal5998510
CSS RGBrgb(91, 135, 174)
CSS HSLhsl(208, 34%, 52%)

Dulux

MarinerS37G5

Exact match

Sherwin-Williams

Perfect PeriwinkleSW9065

ΔE 3 · #6487B0

PPG

Ship's Harbor1161-5

ΔE 3.3 · #4F84AF

Dunn-Edwards

Blueberry MuffinDE5851

ΔE 3.3 · #5588AB

Benjamin Moore

Lazy803 · CC-846

ΔE 3.5 · #5F90B7

Vista Paint

Heavenly SkyC-617

ΔE 3.6 · #688DB1

Kilz

Just ChillRC150-01

ΔE 3.6 · #6888AC

Valspar

Wellspring4007-8B

ΔE 4.1 · #5E85B2

Behr

Skinny JeansS510-5

ΔE 4.2 · #5483A4

Farrow & Ball

Cook's Blue237

ΔE 4.3 · #6A90B4

Hallman-Lindsay

Heavenly Sky618

ΔE 4.7 · #6B90B3

IKEA

IKEA08686

ΔE 7.4 · #748DAC

Kobra

Blue29

ΔE 11.4 · #1882B4

RAL

Light Blue5012

ΔE 11.8 · #3B83BD

Dutch Boy

Celestial HorizonDCP-0589

ΔE 15.2 · #8FA4BF

Colorhouse

Water .05Water-05

ΔE 20.7 · #82979D

Light Reflectance Value (LRV)

23/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

Reads as a cool blue with a violet undertone showing through, especially in daylight. Pair trim and adjacent colours to either calm or amplify that undertone.

Complementary

#5B87AE
#AE825B

Analogous

#5BAEAB
#5B87AE
#5B5EAE

Triadic

#5B87AE
#AE5B87
#87AE5B

Split-Complementary

#5B87AE
#AE5B5E
#AEAB5B

Tetradic

#5B87AE
#AB5BAE
#AE825B
#5EAE5B

Monochromatic

#25394B
#3E607E
#5B87AE
#8EADC7
#C1D2E1

Rectangle

#5B87AE
#825BAE
#AE825B
#87AE5B

Compound

#5B87AE
#5B5EAE
#AE825B
#AEAB5B

Shades and tints of Mariner run from a pale tint down to a deep shade — same hue and saturation, lightness stepped. Each rung below shows its exact HEX code; tap any to copy it.

Tint #EAF0F5
Tint #C7D6E3
Tint #A3BCD2
Tint #7FA2C0
Base #5B87AE
Shade #476E90
Shade #36536D
Shade #25394B
Shade #141F29

Lighter

#7C9FBE
#A0B7CB
#CAD5DE

Darker

#446D90
#2E4B64
#1A2C3B

Saturation

#788591
#5B87AE
#338AD7

Best Rooms

bedrooms, bathrooms, home offices

Best Uses

main walls, ceilings, trim, cabinetry

Pairs With

warm white trim, oak or walnut, brass or matte black hardware

Aa

vs White

3.80:1

AA Large

Aa

vs Black

5.52:1

AA

Deuteranopia

#5B87AE
#6E7FAF

Original → Simulated

Protanopia

#5B87AE
#8181AA

Original → Simulated

Tritanopia

#5B87AE
#578E88

Original → Simulated

Focused · Cooling

Mariner lowers the temperature of a room — useful in south-facing rooms that overheat visually, and in home offices where you want a clear head. Pair with warm wood and brass to keep it from reading clinical.

SymbolismTrust, depth, stability
PersonalityClear-headed, dependable, contemplative
focustrustcalmofficebedroomdepth
#84929E

Warm Bulb 2700K

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

#5B87AE

Daylight 5500K

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

#7197C2

Cool Bulb 6500K

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

#E9EBEC

Trim

Matched off-white

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

#F7F7F8

Ceiling

Whisper tint

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

#916F50

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.

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 · Trim · Soft furniture

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.

You'll need

4.0 litres

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

CSS — color
color: #5B87AE;
CSS — background
background-color: #5B87AE;
CSS Variable
--color-mariner: #5B87AE;
Tailwind v3 — config
colors: { 'mariner': '#5B87AE' }
Tailwind — arbitrary
bg-[#5B87AE] text-[#5B87AE]
SCSS
$mariner: #5B87AE;
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.

What color is #5B87AE?

#5B87AE is Mariner, a mid-tone blue with a cool undertone.

Is #5B87AE warm or cool?

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

What rooms work best with Mariner?

Mariner works well in bedrooms, bathrooms, home offices. Designers typically use it for main walls, ceilings, trim, cabinetry.

What colors pair well with Mariner?

Mariner pairs naturally with warm white trim, oak or walnut, brass or matte black hardware. Its complementary color is also a strong contrast option for accents.

Where can I download Mariner?

You can download Mariner 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 Mariner?

The hex code is #5B87AE. In RGB it's 91, 135, 174, and in HSL it's 208°, 34%, 52%.

← All colors