PANTONE 7701 C

Rich Dark Blue

Technical Values

HEX#005776
content_copy
RGB0, 87, 118
content_copy
CMYK100, 26, 0, 54
content_copy
HSL196°, 100%, 23%
content_copy

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

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