PANTONE PQ-8604C

Neutral Dark Blue

Technical Values

HEX#333A49
content_copy
RGB51, 58, 73
content_copy
CMYK30, 21, 0, 71
content_copy
HSL221°, 18%, 24%
content_copy

Tints & Shades

Shades — Darkening PANTONE PQ-8604C

#323948
#2E3442
#282D39
#242833
#1D212A
#191D24
#15181E
#0F1115
#0A0C0F
#040506

Tints — Lightening PANTONE PQ-8604C

#323948
#434C60
#525D75
#62708D
#75829F
#8D98B0
#A5ADC0
#BAC0CF
#D2D6E0
#E7E9EE

Color Harmonies

Complementary

#333A49
#484132

Analogous

#324448
#333A49
#363248

Triadic

#333A49
#483239
#394832

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 19-4025 TCX#333C4CΔE 1.26
PANTONE Spellbound#333B4CΔE 1.39
PANTONE 63-2-6 CP#313747ΔE 1.49
PANTONE 19-3923 TPX#323C4AΔE 1.54

CSS Implementation

Style Definitions

.color-primary {

background-color: #333A49;

color: #FFFFFF;

border: 1px solid #333A49;

background: linear-gradient(135deg, #333A49 0%, #242833 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
#363B4A (Red Blind)
Deuteranopia
#343949 (Green Blind)
Tritanopia
#2F3D3F (Blue Blind)

About This Color

PANTONE PQ-8604C is a desaturated blue with dark tonality. Its HEX value is #333A49, placing it in the blue region of the color spectrum with a hue angle of 221°.

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.