PANTONE Harbor Blue
Rich Dark Cyan
Tints & Shades
Shades — Darkening PANTONE Harbor Blue
#006770
#005E66
#00545C
#00464D
#003D42
#003338
#002A2E
#002124
#001314
#00090A
Tints — Lightening PANTONE Harbor Blue
#006770
#008C99
#00B2C2
#00D2E6
#0FEBFF
#38EEFF
#61F2FF
#8AF5FF
#ADF8FF
#D6FCFF
Color Harmonies
Complementary
#00656E
#700900
Analogous
#007041
#00656E
#002F70
Triadic
#00656E
#700067
#677000
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 98-3-4 CP | #006670 | ΔE 0.73 | |
| PANTONE 20-0173 TPM | #00646C | ΔE 0.74 | |
| PANTONE 99-3-2 CP | #006871 | ΔE 1.26 | |
| PANTONE 5473 CP | #00646F | ΔE 1.35 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #00656E;
color: #FFFFFF;
border: 1px solid #00656E;
background: linear-gradient(135deg, #00656E 0%, #00464D 100%);
}
Accessibility (WCAG)
Contrast on White Text
AA PASSAAA FAIL
Contrast on Black Text
AA FAIL
Recommendation: Use white text for optimal legibility on this color.
Color Blindness Simulation
Protanopia
#545A6F (Red Blind)
#545A6F (Red Blind)
Deuteranopia
#3E496F (Green Blind)
#3E496F (Green Blind)
Tritanopia
#006E67 (Blue Blind)
#006E67 (Blue Blind)
About This Color
PANTONE Harbor Blue is a highly saturated cyan with dark tonality. Its HEX value is #00656E, placing it in the cyan region of the color spectrum with a hue angle of 185°.
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.