PANTONE Patriot Blue

Muted Dark Blue

Technical Values

HEX#363756
content_copy
RGB54, 55, 86
content_copy
CMYK37, 36, 0, 66
content_copy
HSL238°, 23%, 27%
content_copy

Tints & Shades

Shades — Darkening PANTONE Patriot Blue

#353655
#2F304B
#2B2C45
#25263C
#1F2032
#1B1C2C
#161623
#101019
#0A0A10
#060609

Tints — Lightening PANTONE Patriot Blue

#353655
#43446B
#525484
#60629A
#7577A9
#8E8FB8
#A4A5C6
#BABBD4
#D0D1E2
#E9E9F1

Color Harmonies

Complementary

#363756
#555435

Analogous

#354655
#363756
#443555

Triadic

#363756
#553536
#365535

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 19-3830 TCX#333452ΔE 1.47
PANTONE 4144 C#3A3A59ΔE 1.48
PANTONE Midnight Sail#323455ΔE 2.01
PANTONE 19-4036 TSX#313653ΔE 2.17

CSS Implementation

Style Definitions

.color-primary {

background-color: #363756;

color: #FFFFFF;

border: 1px solid #363756;

background: linear-gradient(135deg, #363756 0%, #25263C 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
#303A58 (Red Blind)
Deuteranopia
#303855 (Green Blind)
Tritanopia
#303C40 (Blue Blind)

About This Color

PANTONE Patriot Blue is a desaturated blue with dark tonality. Its HEX value is #363756, placing it in the blue region of the color spectrum with a hue angle of 238°.

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.