PANTONE 10248 C
Rich Professional Blue
Tints & Shades
Shades — Darkening PANTONE 10248 C
#005299
#00498A
#00417A
#00396B
#00315C
#00294D
#00213D
#00182E
#00101F
#00080F
Tints — Lightening PANTONE 10248 C
#005299
#0065BD
#0078E0
#058AFF
#299BFF
#4DACFF
#70BCFF
#94CDFF
#B8DEFF
#DBEEFF
Color Harmonies
Complementary
#005199
#994700
Analogous
#009994
#005199
#000599
Triadic
#005199
#990052
#529900
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 286 CP | #005299 | ΔE 0.85 | |
| PANTONE 70-1-6 CP | #004F97 | ΔE 0.91 | |
| PANTONE Princess Blue | #00539C | ΔE 0.97 | |
| PANTONE 18-4063 TSX | #00519B | ΔE 1.25 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #005199;
color: #FFFFFF;
border: 1px solid #005199;
background: linear-gradient(135deg, #005199 0%, #00396B 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
#364F9D (Red Blind)
#364F9D (Red Blind)
Deuteranopia
#233E98 (Green Blind)
#233E98 (Green Blind)
Tritanopia
#006266 (Blue Blind)
#006266 (Blue Blind)
About This Color
PANTONE 10248 C is a highly saturated blue with dark tonality. Its HEX value is #005199, placing it in the blue region of the color spectrum with a hue angle of 208°.
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.