PANTONE 7686 XGC

Rich Professional Blue

Technical Values

HEX#005D99

content_copy

RGB0, 93, 153

content_copy

CMYK100, 39, 0, 40

content_copy

HSL204°, 100%, 30%

content_copy

Tints & Shades

Shades — Darkening PANTONE 7686 XGC

#005C99

#00538A

#00497A

#00406B

#00375C

#002E4D

#00253D

#001C2E

#00121F

#00090F

Tints — Lightening PANTONE 7686 XGC

#005C99

#0071BD

#0087E0

#059BFF

#29A9FF

#4DB8FF

#70C6FF

#94D4FF

#B8E2FF

#DBF1FF

Color Harmonies

Complementary

#005D99

#993D00

Analogous

#00998A

#005D99

#000F99

Triadic

#005D99

#99005C

#5C9900

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-4245 TPG	#005E9A	ΔE 0.44
PANTONE 78-1-6 U	#005D9A	ΔE 0.62
PANTONE 2945 CP	#005E99	ΔE 0.83
PANTONE Daphne	#0F5F9A	ΔE 1.20

CSS Implementation

Style Definitions

.color-primary {

background-color: #005D99;

color: #FFFFFF;

border: 1px solid #005D99;

background: linear-gradient(135deg, #005D99 0%, #00406B 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA FAIL

Contrast on Black Text

AA FAIL

Recommendation: Use white text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#43589C (Red Blind)

Deuteranopia
#2D4698 (Green Blind)

Tritanopia
#006D6F (Blue Blind)

About This Color

PANTONE 7686 XGC is a highly saturated blue with dark tonality. Its HEX value is #005D99, placing it in the blue region of the color spectrum with a hue angle of 204°.

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.