PANTONE 7687 CP

Rich Dark Blue

Technical Values

HEX#004683
content_copy
RGB0, 70, 131
content_copy
CMYK100, 47, 0, 49
content_copy
HSL208°, 100%, 26%
content_copy

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

SwatchNameHexDistance
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)
Deuteranopia
#1E3582 (Green Blind)
Tritanopia
#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.