PANTONE 2217 UP

Neutral Dark Blue

Technical Values

HEX#3C4E56

content_copy

RGB60, 78, 86

content_copy

CMYK30, 9, 0, 66

content_copy

HSL198°, 18%, 29%

content_copy

Tints & Shades

Shades — Darkening PANTONE 2217 UP

#3D4F57

#36474E

#303F45

#2A373C

#242E33

#1F292D

#192124

#13191B

#0D1012

#060809

Tints — Lightening PANTONE 2217 UP

#3D4F57

#4B626C

#5A7681

#698996

#7E99A5

#96ACB6

#ABBDC4

#C0CDD3

#D5DEE2

#EAEEF0

Color Harmonies

Complementary

#3C4E56

#57453D

Analogous

#3D5752

#3C4E56

#3D4257

Triadic

#3C4E56

#573D4F

#4F573D

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 5463 U	#3B4E58	ΔE 1.29
PANTONE 88-3-7 U	#3A4F56	ΔE 1.33
PANTONE 86-4-7 U	#3A4B55	ΔE 1.77
PANTONE 546 U	#425058	ΔE 1.96

CSS Implementation

Style Definitions

.color-primary {

background-color: #3C4E56;

color: #FFFFFF;

border: 1px solid #3C4E56;

background: linear-gradient(135deg, #3C4E56 0%, #2A373C 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA PASS

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#4A4D56 (Red Blind)

Deuteranopia
#464956 (Green Blind)

Tritanopia
#365150 (Blue Blind)

About This Color

PANTONE 2217 UP is a desaturated blue with dark tonality. Its HEX value is #3C4E56, placing it in the blue region of the color spectrum with a hue angle of 198°.

This darker shade conveys depth and authority, making it ideal for premium branding, typographic elements, and high-contrast design compositions.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.