PANTONE Jasper
Muted Dark Cyan
Tints & Shades
Shades — Darkening PANTONE Jasper
#325757
#2D4E4E
#294747
#233E3E
#1E3434
#1A2D2D
#142424
#0F1A1A
#091010
#060A0A
Tints — Lightening PANTONE Jasper
#325757
#3F6E6E
#4E8888
#5B9F9F
#71ADAD
#8ABCBC
#A1C9C9
#B8D6D6
#CEE3E3
#E8F2F2
Color Harmonies
Complementary
#335959
#573232
Analogous
#325745
#335959
#324557
Triadic
#335959
#573257
#575732
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE P 126-16 U | #345858 | ΔE 0.72 | |
| PANTONE 19-5230 TPG | #315655 | ΔE 1.40 | |
| PANTONE 100-2-6 U | #375858 | ΔE 1.66 | |
| PANTONE 99-3-5 U | #34585B | ΔE 2.03 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #335959;
color: #FFFFFF;
border: 1px solid #335959;
background: linear-gradient(135deg, #335959 0%, #233E3E 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
#535559 (Red Blind)
#535559 (Red Blind)
Deuteranopia
#4B4E59 (Green Blind)
#4B4E59 (Green Blind)
Tritanopia
#295C59 (Blue Blind)
#295C59 (Blue Blind)
About This Color
PANTONE Jasper is a desaturated cyan with dark tonality. Its HEX value is #335959, placing it in the cyan region of the color spectrum with a hue angle of 180°.
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.