PANTONE 86-4-5 U
Muted Dark Blue
Tints & Shades
Shades — Darkening PANTONE 86-4-5 U
#305064
#2B485A
#263F4F
#213745
#1C2F3B
#192934
#142129
#0F191F
#0A1115
#05080A
Tints — Lightening PANTONE 86-4-5 U
#305064
#3C637C
#477794
#538AAC
#6B9AB8
#87ADC5
#9FBDD1
#B7CEDC
#CFDEE8
#E7EFF3
Color Harmonies
Complementary
#315165
#644430
Analogous
#30645E
#315165
#303664
Triadic
#315165
#643050
#506430
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2965 U | #335165 | ΔE 0.63 | |
| PANTONE 19-4126 TPG | #315265 | ΔE 0.82 | |
| PANTONE 7545 CP | #365165 | ΔE 1.62 | |
| PANTONE 19-4324 TPG | #325466 | ΔE 1.87 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #315165;
color: #FFFFFF;
border: 1px solid #315165;
background: linear-gradient(135deg, #315165 0%, #213745 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
#484F66 (Red Blind)
#484F66 (Red Blind)
Deuteranopia
#414965 (Green Blind)
#414965 (Green Blind)
Tritanopia
#255657 (Blue Blind)
#255657 (Blue Blind)
About This Color
PANTONE 86-4-5 U is a desaturated blue with dark tonality. Its HEX value is #315165, placing it in the blue region of the color spectrum with a hue angle of 203°.
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.