PANTONE Blue Spruce

Neutral Professional Cyan

Technical Values

HEX#486B67

content_copy

RGB72, 107, 103

content_copy

CMYK33, 0, 4, 58

content_copy

HSL173°, 20%, 35%

content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Spruce

#476B67

#41625E

#395652

#334D4A

#2B403E

#253735

#1D2B29

#162220

#0E1515

#060909

Tints — Lightening PANTONE Blue Spruce

#476B67

#56817C

#62938D

#75A39E

#88AFAB

#9DBEBA

#AFCAC7

#C5D8D6

#D7E4E3

#EDF3F2

Color Harmonies

Complementary

#486B67

#6B474C

Analogous

#476B55

#486B67

#475D6B

Triadic

#486B67

#67476B

#6B6747

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 18-5308 TCX	#486C66	ΔE 1.28
PANTONE 18-5718 TPG	#4C6B65	ΔE 1.84
PANTONE 18-5308 TPX	#496F69	ΔE 2.09
PANTONE 3305 U	#406863	ΔE 2.43

CSS Implementation

Style Definitions

.color-primary {

background-color: #486B67;

color: #FFFFFF;

border: 1px solid #486B67;

background: linear-gradient(135deg, #486B67 0%, #334D4A 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA FAIL

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#666767 (Red Blind)

Deuteranopia
#5F6168 (Green Blind)

Tritanopia
#406D6A (Blue Blind)

About This Color

PANTONE Blue Spruce is a desaturated cyan with medium tonality. Its HEX value is #486B67, placing it in the cyan region of the color spectrum with a hue angle of 173°.

This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.