PANTONE 662 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 662 CP
#143F80
#123973
#103265
#0E2C58
#0C254B
#0A2142
#081A35
#061428
#040D1A
#02070D
Tints — Lightening PANTONE 662 CP
#143F80
#194E9F
#1E5EBE
#226DDD
#4181E1
#6599E7
#83ADEC
#A2C2F1
#C1D6F5
#E0EBFA
Color Harmonies
Complementary
#144082
#805514
Analogous
#147580
#144082
#1F1480
Triadic
#144082
#80143F
#3F8014
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2147 CP | #063E81 | ΔE 1.51 | |
| PANTONE 10427 C | #003F81 | ΔE 1.84 | |
| PANTONE 2747 CP | #003F84 | ΔE 2.39 | |
| PANTONE P 102-8 C | #214488 | ΔE 2.53 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #144082;
color: #FFFFFF;
border: 1px solid #144082;
background: linear-gradient(135deg, #144082 0%, #0E2C58 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
#2C4286 (Red Blind)
#2C4286 (Red Blind)
Deuteranopia
#213780 (Green Blind)
#213780 (Green Blind)
Tritanopia
#004D54 (Blue Blind)
#004D54 (Blue Blind)
About This Color
PANTONE 662 CP is a highly saturated blue with dark tonality. Its HEX value is #144082, placing it in the blue region of the color spectrum with a hue angle of 216°.
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.