PANTONE 7693 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 7693 CP
#004E75
#00476B
#003D5C
#003652
#003047
#00293D
#001F2E
#001824
#00111A
#00070A
Tints — Lightening PANTONE 7693 CP
#004E75
#00699E
#0081C2
#009CEB
#14B1FF
#3DBEFF
#61CAFF
#8AD8FF
#B3E5FF
#D6F1FF
Color Harmonies
Complementary
#004F76
#752700
Analogous
#007562
#004F76
#001475
Triadic
#004F76
#75004E
#4E7500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2153 CP | #005279 | ΔE 1.33 | |
| PANTONE 86-2-6 C | #005075 | ΔE 1.44 | |
| PANTONE 7693 XGC | #004E77 | ΔE 1.44 | |
| PANTONE 86-2-6 CP | #00537B | ΔE 1.79 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004F76;
color: #FFFFFF;
border: 1px solid #004F76;
background: linear-gradient(135deg, #004F76 0%, #003652 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
#3B4A78 (Red Blind)
#3B4A78 (Red Blind)
Deuteranopia
#293B76 (Green Blind)
#293B76 (Green Blind)
Tritanopia
#005B5A (Blue Blind)
#005B5A (Blue Blind)
About This Color
PANTONE 7693 CP is a highly saturated blue with dark tonality. Its HEX value is #004F76, placing it in the blue region of the color spectrum with a hue angle of 200°.
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.