PANTONE 302 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 302 CP
#00496B
#004261
#003B57
#00344D
#002D42
#002638
#001C29
#00151F
#000E14
#00070A
Tints — Lightening PANTONE 302 CP
#00496B
#006594
#0081BD
#009DE6
#0FB3FF
#38C0FF
#5CCBFF
#85D8FF
#ADE5FF
#D6F2FF
Color Harmonies
Complementary
#004769
#6B2200
Analogous
#006B57
#004769
#00146B
Triadic
#004769
#6B0049
#496B00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 90-1-6 CP | #00496C | ΔE 1.03 | |
| PANTONE 8483 C | #004569 | ΔE 1.73 | |
| PANTONE P 114-16 C | #004B6D | ΔE 1.81 | |
| PANTONE 90-1-6 C | #004364 | ΔE 1.84 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004769;
color: #FFFFFF;
border: 1px solid #004769;
background: linear-gradient(135deg, #004769 0%, #00344D 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
#35426B (Red Blind)
#35426B (Red Blind)
Deuteranopia
#253569 (Green Blind)
#253569 (Green Blind)
Tritanopia
#005251 (Blue Blind)
#005251 (Blue Blind)
About This Color
PANTONE 302 CP is a highly saturated blue with dark tonality. Its HEX value is #004769, placing it in the blue region of the color spectrum with a hue angle of 199°.
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.