PANTONE 7700 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 7700 CP
#006080
#005875
#004D66
#00455C
#00394D
#003242
#002633
#001F29
#00131A
#00080A
Tints — Lightening PANTONE 7700 CP
#006080
#007EA8
#0099CC
#00B8F5
#1AC6FF
#42D0FF
#66D9FF
#8FE3FF
#B3ECFF
#DBF6FF
Color Harmonies
Complementary
#005F80
#802000
Analogous
#008060
#005F80
#002080
Triadic
#005F80
#800060
#608000
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE Seaport | #005E7D | ΔE 1.28 | |
| PANTONE 7700 XGC | #005C7C | ΔE 1.36 | |
| PANTONE 18-4434 TCX | #005E81 | ΔE 1.39 | |
| PANTONE 90-1-5 CP | #005C7E | ΔE 1.52 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #005F80;
color: #FFFFFF;
border: 1px solid #005F80;
background: linear-gradient(135deg, #005F80 0%, #00455C 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
#4A5782 (Red Blind)
#4A5782 (Red Blind)
Deuteranopia
#354680 (Green Blind)
#354680 (Green Blind)
Tritanopia
#006B69 (Blue Blind)
#006B69 (Blue Blind)
About This Color
PANTONE 7700 CP is a highly saturated blue with dark tonality. Its HEX value is #005F80, placing it in the blue region of the color spectrum with a hue angle of 195°.
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.