PANTONE 301 XGC

Rich Dark Blue

Technical Values

HEX#004C7F

content_copy

RGB0, 76, 127

content_copy

CMYK100, 40, 0, 50

content_copy

HSL204°, 100%, 25%

content_copy

Tints & Shades

Shades — Darkening PANTONE 301 XGC

#004C80

#004675

#003D66

#00375C

#002E4D

#002842

#001F33

#001829

#000F1A

#00060A

Tints — Lightening PANTONE 301 XGC

#004C80

#0065A8

#007ACC

#0093F5

#1AA3FF

#42B4FF

#66C2FF

#8FD2FF

#B3E0FF

#DBF1FF

Color Harmonies

Complementary

#004C7F

#803300

Analogous

#008073

#004C7F

#000D80

Triadic

#004C7F

#80004C

#4C8000

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 83-1-6 CP	#004E80	ΔE 1.21
PANTONE Snorkel Blue	#034F84	ΔE 1.66
PANTONE 86-4-3 C	#00487A	ΔE 1.80
PANTONE 86-4-3 CP	#004C7C	ΔE 1.93

CSS Implementation

Style Definitions

.color-primary {

background-color: #004C7F;

color: #FFFFFF;

border: 1px solid #004C7F;

background: linear-gradient(135deg, #004C7F 0%, #00375C 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
#364882 (Red Blind)

Deuteranopia
#24397E (Green Blind)

Tritanopia
#00595B (Blue Blind)

About This Color

PANTONE 301 XGC is a highly saturated blue with dark tonality. Its HEX value is #004C7F, 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.