PANTONE 2186 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 2186 C
#004985
#004175
#003B6B
#00325C
#002D52
#002442
#001C33
#001629
#000E1A
#00080F
Tints — Lightening PANTONE 2186 C
#004985
#005DA8
#0073D1
#0087F5
#1F9AFF
#42AAFF
#66BAFF
#8FCDFF
#B3DDFF
#DBEFFF
Color Harmonies
Complementary
#004986
#853C00
Analogous
#00857E
#004986
#000785
Triadic
#004986
#850049
#498500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE P 104-16 C | #004985 | ΔE 0.64 | |
| PANTONE 287 CP | #004784 | ΔE 0.92 | |
| PANTONE 2146 CP | #004783 | ΔE 0.99 | |
| PANTONE 301 C | #004B87 | ΔE 1.23 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004986;
color: #FFFFFF;
border: 1px solid #004986;
background: linear-gradient(135deg, #004986 0%, #00325C 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
#314789 (Red Blind)
#314789 (Red Blind)
Deuteranopia
#203785 (Green Blind)
#203785 (Green Blind)
Tritanopia
#00585B (Blue Blind)
#00585B (Blue Blind)
About This Color
PANTONE 2186 C is a highly saturated blue with dark tonality. Its HEX value is #004986, placing it in the blue region of the color spectrum with a hue angle of 207°.
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.