PANTONE Jelly Bean
Rich Dark Cyan
Tints & Shades
Shades — Darkening PANTONE Jelly Bean
#008556
#00754C
#006B46
#005C3C
#005235
#00422B
#003321
#00291B
#001A11
#000F0A
Tints — Lightening PANTONE Jelly Bean
#008556
#00A86D
#00D188
#00F59F
#1FFFB0
#42FFBD
#66FFC9
#8FFFD8
#B3FFE4
#DBFFF3
Color Harmonies
Complementary
#008658
#85002E
Analogous
#008514
#008658
#007185
Triadic
#008658
#560085
#855600
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 111-1-7 U | #008759 | ΔE 0.40 | |
| PANTONE 3522 U | #008656 | ΔE 1.13 | |
| PANTONE 17-6030 TCX | #058555 | ΔE 1.28 | |
| PANTONE 17-6030 TPG | #00885C | ΔE 1.45 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #008658;
color: #FFFFFF;
border: 1px solid #008658;
background: linear-gradient(135deg, #008658 0%, #005C3C 100%);
}
Accessibility (WCAG)
Contrast on White Text
AA PASSAAA FAIL
Contrast on Black Text
AA PASSAAA FAIL
Recommendation: Use white text for optimal legibility on this color.
Color Blindness Simulation
Protanopia
#7B7256 (Red Blind)
#7B7256 (Red Blind)
Deuteranopia
#5F5E5B (Green Blind)
#5F5E5B (Green Blind)
Tritanopia
#008A77 (Blue Blind)
#008A77 (Blue Blind)
About This Color
PANTONE Jelly Bean is a highly saturated cyan with dark tonality. Its HEX value is #008658, placing it in the cyan region of the color spectrum with a hue angle of 159°.
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.