PANTONE Overture
Neutral Dark Blue
Tints & Shades
Shades — Darkening PANTONE Overture
#343646
#303241
#292B38
#252632
#1E2029
#1A1B23
#16171D
#0F1015
#0B0B0F
#040506
Tints — Lightening PANTONE Overture
#343646
#45485E
#555872
#666A8A
#787C9B
#9093AD
#A7AABE
#BCBECD
#D3D4DE
#E8E8EE
Color Harmonies
Complementary
#343646
#464434
Analogous
#343F46
#343646
#3B3446
Triadic
#343646
#463436
#364634
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 63-2-6 CP | #313747 | ΔE 1.70 | |
| PANTONE Parisian Night | #323441 | ΔE 2.15 | |
| PANTONE Mood Indigo | #353A4C | ΔE 2.36 | |
| PANTONE 4132 C | #3B3A4A | ΔE 2.46 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #343646;
color: #FFFFFF;
border: 1px solid #343646;
background: linear-gradient(135deg, #343646 0%, #252632 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
#323747 (Red Blind)
#323747 (Red Blind)
Deuteranopia
#323646 (Green Blind)
#323646 (Green Blind)
Tritanopia
#31393B (Blue Blind)
#31393B (Blue Blind)
About This Color
PANTONE Overture is a desaturated blue with dark tonality. Its HEX value is #343646, placing it in the blue region of the color spectrum with a hue angle of 233°.
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.