PANTONE 2186 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 2186 XGC
#00457A
#004070
#003761
#003157
#002847
#00233D
#001D33
#001424
#000E1A
#00060A
Tints — Lightening PANTONE 2186 XGC
#00457A
#005CA3
#0071C7
#0088F0
#1499FF
#3DABFF
#66BDFF
#8ACCFF
#B3DEFF
#D6EDFF
Color Harmonies
Complementary
#00467C
#7A3500
Analogous
#007A72
#00467C
#00087A
Triadic
#00467C
#7A0045
#457A00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 70-3-6 CP | #004479 | ΔE 1.01 | |
| PANTONE 8784 C | #00447B | ΔE 1.24 | |
| PANTONE 2154 XGC | #004980 | ΔE 1.39 | |
| PANTONE 2154 C | #004680 | ΔE 2.58 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #00467C;
color: #FFFFFF;
border: 1px solid #00467C;
background: linear-gradient(135deg, #00467C 0%, #003157 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
#30437F (Red Blind)
#30437F (Red Blind)
Deuteranopia
#20357B (Green Blind)
#20357B (Green Blind)
Tritanopia
#005356 (Blue Blind)
#005356 (Blue Blind)
About This Color
PANTONE 2186 XGC is a highly saturated blue with dark tonality. Its HEX value is #00467C, placing it in the blue region of the color spectrum with a hue angle of 206°.
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.