PANTONE PQ-3581C

Muted Dark Blue

Technical Values

HEX#283266
content_copy
RGB40, 50, 102
content_copy
CMYK61, 51, 0, 60
content_copy
HSL230°, 44%, 28%
content_copy

Tints & Shades

Shades — Darkening PANTONE PQ-3581C

#283267
#242D5C
#1F2851
#1D2449
#181F3E
#141933
#101428
#0B0E1D
#090B16
#04050B

Tints — Lightening PANTONE PQ-3581C

#283267
#323F81
#3C4C9A
#475AB8
#6171C2
#7B88CC
#959FD6
#AEB6E0
#CCD1EB
#E5E8F5

Color Harmonies

Complementary

#283266
#675C28

Analogous

#285267
#283266
#3D2867

Triadic

#283266
#672832
#326728

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 274 CP#242E63ΔE 2.01
PANTONE 2119 XGC#203264ΔE 2.72
PANTONE 2758 CP#1E3267ΔE 2.74
PANTONE 63-3-3 C#1E3266ΔE 2.75

CSS Implementation

Style Definitions

.color-primary {

background-color: #283266;

color: #FFFFFF;

border: 1px solid #283266;

background: linear-gradient(135deg, #283266 0%, #1D2449 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
#263669 (Red Blind)
Deuteranopia
#223265 (Green Blind)
Tritanopia
#1C3A42 (Blue Blind)

About This Color

PANTONE PQ-3581C is a moderately saturated blue with dark tonality. Its HEX value is #283266, placing it in the blue region of the color spectrum with a hue angle of 230°.

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.