PANTONE 302 XGC

Rich Dark Blue

Technical Values

HEX#003E5F
content_copy
RGB0, 62, 95
content_copy
CMYK100, 35, 0, 63
content_copy
HSL201°, 100%, 19%
content_copy

Tints & Shades

Shades — Darkening PANTONE 302 XGC

#003F61
#003857
#00324D
#002B42
#002438
#002133
#001B29
#00141F
#000D14
#00070A

Tints — Lightening PANTONE 302 XGC

#003F61
#005A8A
#0074B3
#008FDB
#05A8FF
#33B8FF
#5CC6FF
#85D4FF
#ADE2FF
#D6F1FF

Color Harmonies

Complementary

#003E5F
#612200

Analogous

#006152
#003E5F
#000F61

Triadic

#003E5F
#61003F
#3F6100

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 540 CP#003E5DΔE 1.35
PANTONE 302 C#003B5CΔE 1.40
PANTONE 86-2-7 CP#004063ΔE 1.49
PANTONE 86-4-5 C#003C5BΔE 1.50

CSS Implementation

Style Definitions

.color-primary {

background-color: #003E5F;

color: #FFFFFF;

border: 1px solid #003E5F;

background: linear-gradient(135deg, #003E5F 0%, #002B42 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
#2E3A61 (Red Blind)
Deuteranopia
#202E5F (Green Blind)
Tritanopia
#004848 (Blue Blind)

About This Color

PANTONE 302 XGC is a highly saturated blue with dark tonality. Its HEX value is #003E5F, placing it in the blue region of the color spectrum with a hue angle of 201°.

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.