PANTONE Harbor Mist

Neutral Gray

Technical Values

HEX#AFB1B4

content_copy

RGB175, 177, 180

content_copy

CMYK3, 2, 0, 29

content_copy

HSL216°, 3%, 70%

content_copy

Tints & Shades

Shades — Darkening PANTONE Harbor Mist

#B0B2B5

#9EA0A3

#8B8E92

#797C81

#686A6E

#57595C

#45474A

#343537

#232325

#111212

Tints — Lightening PANTONE Harbor Mist

#B0B2B5

#B8BABC

#C0C1C4

#C8C9CB

#D0D1D2

#D8D9DA

#DFE0E1

#E7E8E9

#EFF0F0

#F7F7F8

Color Harmonies

Complementary

#AFB1B4

#B5B3B0

Analogous

#B0B4B5

#AFB1B4

#B1B0B5

Triadic

#AFB1B4

#B5B0B2

#B2B5B0

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 14-4202 TCX	#AFB2B5	ΔE 0.48
PANTONE 163-2-3 U	#ADB1B4	ΔE 0.78
PANTONE High Rise	#AEB2B5	ΔE 0.79
PANTONE 4281 U	#B2B3B5	ΔE 1.05

CSS Implementation

Style Definitions

.color-primary {

background-color: #AFB1B4;

color: #000000;

border: 1px solid #AFB1B4;

background: linear-gradient(135deg, #AFB1B4 0%, #797C81 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA PASS

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#B0B1B4 (Red Blind)

Deuteranopia
#B0B1B4 (Green Blind)

Tritanopia
#AEB2B2 (Blue Blind)

About This Color

PANTONE Harbor Mist is an achromatic tone with a lightness of 70%. It works as a versatile neutral in any design system, providing balance and sophistication without competing with chromatic elements.

This lighter shade is well-suited for backgrounds, accent areas, and designs that require an open, airy feel. It pairs naturally with darker neutrals for contrast.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.