PANTONE 308 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 308 XGC
#005A7A
#005270
#004761
#004057
#003447
#002D3D
#002533
#001A24
#00131A
#00070A
Tints — Lightening PANTONE 308 XGC
#005A7A
#0078A3
#0092C7
#00B0F0
#14C0FF
#3DCBFF
#66D6FF
#8AE0FF
#B3EBFF
#D6F4FF
Color Harmonies
Complementary
#005878
#7A2100
Analogous
#007A5E
#005878
#001D7A
Triadic
#005878
#7A005A
#5A7A00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 7701 C | #005776 | ΔE 0.72 | |
| PANTONE 3025 CP | #00597B | ΔE 1.29 | |
| PANTONE 93-3-1 CP | #005A7C | ΔE 1.44 | |
| PANTONE 90-1-5 C | #005B7D | ΔE 1.69 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #005878;
color: #FFFFFF;
border: 1px solid #005878;
background: linear-gradient(135deg, #005878 0%, #004057 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
#44517A (Red Blind)
#44517A (Red Blind)
Deuteranopia
#304178 (Green Blind)
#304178 (Green Blind)
Tritanopia
#006461 (Blue Blind)
#006461 (Blue Blind)
About This Color
PANTONE 308 XGC is a highly saturated blue with dark tonality. Its HEX value is #005878, placing it in the blue region of the color spectrum with a hue angle of 196°.
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.