PANTONE 7687 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 7687 CP
#004785
#003F75
#00396B
#00315C
#002C52
#002342
#001B33
#001629
#000E1A
#00080F
Tints — Lightening PANTONE 7687 CP
#004785
#005AA8
#0070D1
#0083F5
#1F96FF
#42A7FF
#66B8FF
#8FCBFF
#B3DBFF
#DBEEFF
Color Harmonies
Complementary
#004683
#853E00
Analogous
#008580
#004683
#000485
Triadic
#004683
#850047
#478500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 287 CP | #004784 | ΔE 0.46 | |
| PANTONE 89-1-7 C | #004684 | ΔE 0.64 | |
| PANTONE 2146 CP | #004783 | ΔE 0.87 | |
| PANTONE 78-1-7 CP | #004482 | ΔE 1.25 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004683;
color: #FFFFFF;
border: 1px solid #004683;
background: linear-gradient(135deg, #004683 0%, #00315C 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
#2F4486 (Red Blind)
#2F4486 (Red Blind)
Deuteranopia
#1E3582 (Green Blind)
#1E3582 (Green Blind)
Tritanopia
#005458 (Blue Blind)
#005458 (Blue Blind)
About This Color
PANTONE 7687 CP is a highly saturated blue with dark tonality. Its HEX value is #004683, placing it in the blue region of the color spectrum with a hue angle of 208°.
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.