PANTONE Dark Navy
Muted Dark Blue
Tints & Shades
Shades — Darkening PANTONE Dark Navy
#222E34
#1E282E
#1C262B
#182025
#141B1F
#12181C
#0E1316
#0A0D0F
#060809
#040506
Tints — Lightening PANTONE Dark Navy
#222E34
#32434D
#445C69
#557182
#65879A
#809CAC
#99B0BD
#B2C3CD
#CBD6DD
#E6ECEF
Color Harmonies
Complementary
#232F36
#342922
Analogous
#223432
#232F36
#222534
Triadic
#232F36
#34222E
#2E3422
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-4012 TCX | #252F38 | ΔE 1.62 | |
| PANTONE 433 CP | #232D36 | ΔE 1.78 | |
| PANTONE Carbon | #272F38 | ΔE 2.22 | |
| PANTONE 164-1-5 C | #252D36 | ΔE 2.26 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #232F36;
color: #FFFFFF;
border: 1px solid #232F36;
background: linear-gradient(135deg, #232F36 0%, #182025 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
#2C2E36 (Red Blind)
#2C2E36 (Red Blind)
Deuteranopia
#292C36 (Green Blind)
#292C36 (Green Blind)
Tritanopia
#1F3131 (Blue Blind)
#1F3131 (Blue Blind)
About This Color
PANTONE Dark Navy is a desaturated blue with dark tonality. Its HEX value is #232F36, placing it in the blue region of the color spectrum with a hue angle of 202°.
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.