PANTONE 661 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 661 XGC
#004394
#003C85
#003575
#002E66
#002757
#00224D
#001C3D
#00152E
#000E1F
#00070F
Tints — Lightening PANTONE 661 XGC
#004394
#0053B8
#0063DB
#0073FF
#2486FF
#4D9DFF
#70B0FF
#94C4FF
#B8D8FF
#DBEBFF
Color Harmonies
Complementary
#004192
#945100
Analogous
#008D94
#004192
#070094
Triadic
#004192
#940043
#439400
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 70-2-6 C | #004292 | ΔE 0.87 | |
| PANTONE 2746 CP | #024190 | ΔE 1.22 | |
| PANTONE 70-1-7 U | #134394 | ΔE 1.51 | |
| PANTONE 10249 C | #004494 | ΔE 1.68 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004192;
color: #FFFFFF;
border: 1px solid #004192;
background: linear-gradient(135deg, #004192 0%, #002E66 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
#274296 (Red Blind)
#274296 (Red Blind)
Deuteranopia
#173390 (Green Blind)
#173390 (Green Blind)
Tritanopia
#005259 (Blue Blind)
#005259 (Blue Blind)
About This Color
PANTONE 661 XGC is a highly saturated blue with dark tonality. Its HEX value is #004192, placing it in the blue region of the color spectrum with a hue angle of 213°.
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.