PANTONE 7701 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 7701 C
#005675
#004F6B
#00435C
#003C52
#003447
#002D3D
#00222E
#001A24
#00131A
#00070A
Tints — Lightening PANTONE 7701 C
#005675
#00749E
#008EC2
#00ACEB
#14C0FF
#3DCBFF
#61D5FF
#8AE0FF
#B3EBFF
#D6F4FF
Color Harmonies
Complementary
#005776
#751F00
Analogous
#00755A
#005776
#001B75
Triadic
#005776
#750056
#567500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 308 XGC | #005878 | ΔE 0.72 | |
| PANTONE 7708 CP | #005976 | ΔE 1.64 | |
| PANTONE 3025 CP | #00597B | ΔE 1.99 | |
| PANTONE 93-3-1 CP | #005A7C | ΔE 2.16 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #005776;
color: #FFFFFF;
border: 1px solid #005776;
background: linear-gradient(135deg, #005776 0%, #003C52 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
#435078 (Red Blind)
#435078 (Red Blind)
Deuteranopia
#304076 (Green Blind)
#304076 (Green Blind)
Tritanopia
#006260 (Blue Blind)
#006260 (Blue Blind)
About This Color
PANTONE 7701 C is a highly saturated blue with dark tonality. Its HEX value is #005776, placing it in the blue region of the color spectrum with a hue angle of 196°.
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.