PANTONE 86-4-3 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 86-4-3 C
#00477A
#004170
#003961
#003357
#002A47
#00243D
#001E33
#001524
#000F1A
#00060A
Tints — Lightening PANTONE 86-4-3 C
#00477A
#005FA3
#0074C7
#008CF0
#149DFF
#3DAEFF
#66BFFF
#8ACEFF
#B3DFFF
#D6EEFF
Color Harmonies
Complementary
#00487A
#7A3300
Analogous
#007A70
#00487A
#000A7A
Triadic
#00487A
#7A0047
#477A00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2154 CP | #004778 | ΔE 0.71 | |
| PANTONE 2187 C | #004677 | ΔE 1.01 | |
| PANTONE 294 CP | #004676 | ΔE 1.43 | |
| PANTONE P 107-16 C | #004A7A | ΔE 1.73 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #00487A;
color: #FFFFFF;
border: 1px solid #00487A;
background: linear-gradient(135deg, #00487A 0%, #003357 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
#33457D (Red Blind)
#33457D (Red Blind)
Deuteranopia
#223679 (Green Blind)
#223679 (Green Blind)
Tritanopia
#005557 (Blue Blind)
#005557 (Blue Blind)
About This Color
PANTONE 86-4-3 C is a highly saturated blue with dark tonality. Its HEX value is #00487A, placing it in the blue region of the color spectrum with a hue angle of 205°.
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.