PANTONE 308 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 308 CP
#005F85
#005475
#004D6B
#00425C
#003A52
#003042
#002533
#001D29
#00121A
#000B0F
Tints — Lightening PANTONE 308 CP
#005F85
#0079A8
#0096D1
#00AFF5
#1FBFFF
#42CAFF
#66D4FF
#8FDFFF
#B3E9FF
#DBF5FF
Color Harmonies
Complementary
#006187
#852600
Analogous
#008568
#006187
#001D85
Triadic
#006187
#85005F
#5F8500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-4231 TSX | #006287 | ΔE 0.81 | |
| PANTONE 20-0156 TPM | #005F85 | ΔE 0.86 | |
| PANTONE 18-4434 TPX | #006388 | ΔE 1.13 | |
| PANTONE 7469 C | #005F86 | ΔE 1.14 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #006187;
color: #FFFFFF;
border: 1px solid #006187;
background: linear-gradient(135deg, #006187 0%, #00425C 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
#4A5A89 (Red Blind)
#4A5A89 (Red Blind)
Deuteranopia
#354887 (Green Blind)
#354887 (Green Blind)
Tritanopia
#006E6C (Blue Blind)
#006E6C (Blue Blind)
About This Color
PANTONE 308 CP is a highly saturated blue with dark tonality. Its HEX value is #006187, placing it in the blue region of the color spectrum with a hue angle of 197°.
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.