PANTONE 309 XGC
Rich Dark Cyan
Tints & Shades
Shades — Darkening PANTONE 309 XGC
#004052
#003847
#003442
#002C38
#002833
#002029
#00181F
#00141A
#000C0F
#00080A
Tints — Lightening PANTONE 309 XGC
#004052
#00607A
#0084A8
#00A4D1
#00C8FF
#29D1FF
#52D9FF
#80E3FF
#A8ECFF
#D6F6FF
Color Harmonies
Complementary
#004051
#521200
Analogous
#00523A
#004051
#001752
Triadic
#004051
#520040
#405200
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 309 CP | #004151 | ΔE 0.85 | |
| PANTONE 93-3-4 CP | #004251 | ΔE 1.71 | |
| PANTONE 3035 C | #003E51 | ΔE 1.72 | |
| PANTONE 548 C | #003D4C | ΔE 1.83 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004051;
color: #FFFFFF;
border: 1px solid #004051;
background: linear-gradient(135deg, #004051 0%, #002C38 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
#333A52 (Red Blind)
#333A52 (Red Blind)
Deuteranopia
#252F51 (Green Blind)
#252F51 (Green Blind)
Tritanopia
#004845 (Blue Blind)
#004845 (Blue Blind)
About This Color
PANTONE 309 XGC is a highly saturated cyan with dark tonality. Its HEX value is #004051, placing it in the cyan region of the color spectrum with a hue angle of 193°.
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.