PANTONE Total Eclipse

Neutral Dark Blue

Technical Values

HEX#2C313D

content_copy

RGB44, 49, 61

content_copy

CMYK28, 20, 0, 76

content_copy

HSL222°, 16%, 21%

content_copy

Tints & Shades

Shades — Darkening PANTONE Total Eclipse

#2D323E

#292D38

#242932

#20242C

#1C1F26

#181A21

#111318

#0D0E12

#090A0C

#040506

Tints — Lightening PANTONE Total Eclipse

#2D323E

#3E4556

#4F586D

#606B85

#747F9A

#8C95AB

#A0A8BA

#B8BECC

#D0D4DD

#E7E9EE

Color Harmonies

Complementary

#2C313D

#3E392D

Analogous

#2D3B3E

#2C313D

#302D3E

Triadic

#2C313D

#3E2D32

#323E2D

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-4018 TCX	#2C303B	ΔE 0.88
PANTONE 163-1-6 C	#2A313C	ΔE 1.11
PANTONE 19-4010 TCX	#2B323D	ΔE 1.12
PANTONE Blueberry	#2C333E	ΔE 1.31

CSS Implementation

Style Definitions

.color-primary {

background-color: #2C313D;

color: #FFFFFF;

border: 1px solid #2C313D;

background: linear-gradient(135deg, #2C313D 0%, #20242C 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
#2E323E (Red Blind)

Deuteranopia
#2C303D (Green Blind)

Tritanopia
#293335 (Blue Blind)

About This Color

PANTONE Total Eclipse is a desaturated blue with dark tonality. Its HEX value is #2C313D, placing it in the blue region of the color spectrum with a hue angle of 222°.

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.