PANTONE 63-2-6 CP
Neutral Dark Blue
Tints & Shades
Shades — Darkening PANTONE 63-2-6 CP
#323848
#2E3342
#282C39
#242833
#1D212A
#191C24
#15171E
#0F1015
#0A0C0F
#040506
Tints — Lightening PANTONE 63-2-6 CP
#323848
#434B60
#525B75
#626E8D
#75809F
#8D96B0
#A5ACC0
#BABFCF
#D2D6E0
#E7E9EE
Color Harmonies
Complementary
#313747
#484232
Analogous
#324348
#313747
#373248
Triadic
#313747
#483238
#384832
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE PQ-8604C | #333A49 | ΔE 1.49 | |
| PANTONE 2380 CP | #2D3546 | ΔE 1.50 | |
| PANTONE Overture | #343646 | ΔE 1.70 | |
| PANTONE Spellbound | #333B4C | ΔE 1.92 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #313747;
color: #FFFFFF;
border: 1px solid #313747;
background: linear-gradient(135deg, #313747 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
#333848 (Red Blind)
#333848 (Red Blind)
Deuteranopia
#313647 (Green Blind)
#313647 (Green Blind)
Tritanopia
#2D3A3C (Blue Blind)
#2D3A3C (Blue Blind)
About This Color
PANTONE 63-2-6 CP is a desaturated blue with dark tonality. Its HEX value is #313747, placing it in the blue region of the color spectrum with a hue angle of 224°.
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.