PANTONE 280 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 280 CP
#003B75
#00366B
#002E5C
#002952
#002447
#001F3D
#00172E
#001224
#000D1A
#00050A
Tints — Lightening PANTONE 280 CP
#003B75
#004F9E
#0061C2
#0075EB
#148AFF
#3D9EFF
#61B0FF
#8AC4FF
#B3D9FF
#D6EBFF
Color Harmonies
Complementary
#003C77
#753B00
Analogous
#007575
#003C77
#000075
Triadic
#003C77
#75003B
#3B7500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 70-3-6 C | #003C74 | ΔE 1.96 | |
| PANTONE 3597 CP | #003770 | ΔE 2.43 | |
| PANTONE 83-1-6 C | #00417A | ΔE 2.96 | |
| PANTONE 20-0144 TPM | #003774 | ΔE 3.01 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003C77;
color: #FFFFFF;
border: 1px solid #003C77;
background: linear-gradient(135deg, #003C77 0%, #002952 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
#273B7A (Red Blind)
#273B7A (Red Blind)
Deuteranopia
#192E76 (Green Blind)
#192E76 (Green Blind)
Tritanopia
#00494E (Blue Blind)
#00494E (Blue Blind)
About This Color
PANTONE 280 CP is a highly saturated blue with dark tonality. Its HEX value is #003C77, placing it in the blue region of the color spectrum with a hue angle of 210°.
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.