PANTONE 654 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 654 C
#003A70
#003566
#002F5C
#00284D
#002242
#001D38
#00182E
#001224
#000B14
#00050A
Tints — Lightening PANTONE 654 C
#003A70
#004F99
#0064C2
#0077E6
#0F8BFF
#389FFF
#61B3FF
#8AC6FF
#ADD8FF
#D6EBFF
Color Harmonies
Complementary
#003A70
#703600
Analogous
#00706E
#003A70
#000270
Triadic
#003A70
#70003A
#3A7000
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 541 C | #003C71 | ΔE 1.28 | |
| PANTONE 70-3-6 C | #003C74 | ΔE 1.43 | |
| PANTONE 8783 C | #00376D | ΔE 1.44 | |
| PANTONE 281 CP | #04376B | ΔE 1.81 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003A70;
color: #FFFFFF;
border: 1px solid #003A70;
background: linear-gradient(135deg, #003A70 0%, #00284D 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
#263973 (Red Blind)
#263973 (Red Blind)
Deuteranopia
#182C6F (Green Blind)
#182C6F (Green Blind)
Tritanopia
#00474A (Blue Blind)
#00474A (Blue Blind)
About This Color
PANTONE 654 C is a highly saturated blue with dark tonality. Its HEX value is #003A70, placing it in the blue region of the color spectrum with a hue angle of 209°.
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.