PANTONE 7686 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 7686 CP
#004F8F
#004680
#003E70
#003866
#003057
#002747
#001F38
#001629
#00111F
#00080F
Tints — Lightening PANTONE 7686 CP
#004F8F
#0062B3
#0076D6
#008CFF
#249CFF
#47ACFF
#6BBCFF
#8FCDFF
#B8DFFF
#DBEFFF
Color Harmonies
Complementary
#004E8E
#8F4000
Analogous
#008F88
#004E8E
#00078F
Triadic
#004E8E
#8F004F
#4F8F00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 86-4-2 C | #004F8F | ΔE 0.45 | |
| PANTONE 78-1-6 CP | #004D8D | ΔE 0.46 | |
| PANTONE 71-1-6 CP | #004B8A | ΔE 1.37 | |
| PANTONE 2945 XGC | #00508E | ΔE 1.72 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004E8E;
color: #FFFFFF;
border: 1px solid #004E8E;
background: linear-gradient(135deg, #004E8E 0%, #003866 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
#354B92 (Red Blind)
#354B92 (Red Blind)
Deuteranopia
#233B8D (Green Blind)
#233B8D (Green Blind)
Tritanopia
#005E61 (Blue Blind)
#005E61 (Blue Blind)
About This Color
PANTONE 7686 CP is a highly saturated blue with dark tonality. Its HEX value is #004E8E, placing it in the blue region of the color spectrum with a hue angle of 207°.
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.