PANTONE Navigate
Rich Dark Cyan
Tints & Shades
Shades — Darkening PANTONE Navigate
#008582
#007573
#006B69
#005C5A
#005250
#004241
#003332
#002928
#001A19
#000F0F
Tints — Lightening PANTONE Navigate
#008582
#00A8A5
#00D1CE
#00F5F1
#1FFFFB
#42FFFC
#66FFFC
#8FFFFD
#B3FFFE
#DBFFFE
Color Harmonies
Complementary
#008583
#850002
Analogous
#008540
#008583
#004585
Triadic
#008583
#820085
#858200
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE Lapis | #008684 | ΔE 0.40 | |
| PANTONE 3282 U | #008481 | ΔE 0.71 | |
| PANTONE Deep Peacock Blue | #008381 | ΔE 0.80 | |
| PANTONE Tropical Green | #008786 | ΔE 0.99 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #008583;
color: #000000;
border: 1px solid #008583;
background: linear-gradient(135deg, #008583 0%, #005C5A 100%);
}
Accessibility (WCAG)
Contrast on White Text
AA FAIL
Contrast on Black Text
AA PASSAAA FAIL
Recommendation: Use black text for optimal legibility on this color.
Color Blindness Simulation
Protanopia
#717683 (Red Blind)
#717683 (Red Blind)
Deuteranopia
#556085 (Green Blind)
#556085 (Green Blind)
Tritanopia
#008F84 (Blue Blind)
#008F84 (Blue Blind)
About This Color
PANTONE Navigate is a highly saturated cyan with dark tonality. Its HEX value is #008583, placing it in the cyan region of the color spectrum with a hue angle of 179°.
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.