PANTONE 2188 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 2188 XGC
#004166
#003A5C
#003452
#002D47
#00273D
#002033
#001A29
#00131F
#000D14
#00060A
Tints — Lightening PANTONE 2188 XGC
#004166
#005A8F
#0074B8
#008EE0
#0AA5FF
#33B4FF
#5CC3FF
#85D2FF
#ADE1FF
#D6F0FF
Color Harmonies
Complementary
#004064
#662500
Analogous
#006658
#004064
#000E66
Triadic
#004064
#660041
#416600
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 86-2-7 CP | #004063 | ΔE 0.67 | |
| PANTONE P 111-16 C | #004265 | ΔE 1.23 | |
| PANTONE 73-1-7 CP | #003E63 | ΔE 1.24 | |
| PANTONE 70-4-6 C | #0C4165 | ΔE 1.27 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004064;
color: #FFFFFF;
border: 1px solid #004064;
background: linear-gradient(135deg, #004064 0%, #002D47 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
#2F3C66 (Red Blind)
#2F3C66 (Red Blind)
Deuteranopia
#203064 (Green Blind)
#203064 (Green Blind)
Tritanopia
#004A4B (Blue Blind)
#004A4B (Blue Blind)
About This Color
PANTONE 2188 XGC is a highly saturated blue with dark tonality. Its HEX value is #004064, placing it in the blue region of the color spectrum with a hue angle of 202°.
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.