PANTONE 654 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 654 XGC
#003F75
#00396B
#00315C
#002C52
#002647
#00213D
#00182E
#001324
#000E1A
#00050A
Tints — Lightening PANTONE 654 XGC
#003F75
#00549E
#0067C2
#007DEB
#1492FF
#3DA5FF
#61B5FF
#8AC8FF
#B3DBFF
#D6ECFF
Color Harmonies
Complementary
#003E74
#753700
Analogous
#007571
#003E74
#000475
Triadic
#003E74
#75003F
#3F7500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 541 C | #003C71 | ΔE 1.02 | |
| PANTONE 70-3-6 C | #003C74 | ΔE 1.79 | |
| PANTONE P 105-8 C | #124076 | ΔE 1.80 | |
| PANTONE 654 C | #003A70 | ΔE 1.90 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003E74;
color: #FFFFFF;
border: 1px solid #003E74;
background: linear-gradient(135deg, #003E74 0%, #002C52 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
#293C77 (Red Blind)
#293C77 (Red Blind)
Deuteranopia
#1B2F73 (Green Blind)
#1B2F73 (Green Blind)
Tritanopia
#004B4E (Blue Blind)
#004B4E (Blue Blind)
About This Color
PANTONE 654 XGC is a highly saturated blue with dark tonality. Its HEX value is #003E74, placing it in the blue region of the color spectrum with a hue angle of 208°.
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.