PANTONE 3581 C

Rich Dark Blue

Technical Values

HEX#22326E

content_copy

RGB34, 50, 110

content_copy

CMYK69, 55, 0, 57

content_copy

HSL227°, 53%, 28%

content_copy

Tints & Shades

Shades — Darkening PANTONE 3581 C

#22326D

#1E2D62

#1A2756

#18244E

#141E42

#111937

#0D142B

#0A0E1F

#070B17

#04050C

Tints — Lightening PANTONE 3581 C

#22326D

#2A3E89

#324BA4

#3C59C3

#5770CB

#7388D4

#8E9FDC

#A9B6E5

#C8D1EE

#E4E8F7

Color Harmonies

Complementary

#22326E

#6D5D22

Analogous

#22586D

#22326E

#37226D

Triadic

#22326E

#6D2232

#326D22

Nearest Pantone Colors

Name	Hex	Distance
PANTONE P 100-8 C	#25306B	ΔE 1.55
PANTONE 63-3-2 C	#18316E	ΔE 2.09
PANTONE P 103-8 C	#2A346E	ΔE 2.28
PANTONE 2755 CP	#222D6A	ΔE 2.72

CSS Implementation

Style Definitions

.color-primary {

background-color: #22326E;

color: #FFFFFF;

border: 1px solid #22326E;

background: linear-gradient(135deg, #22326E 0%, #18244E 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
#233671 (Red Blind)

Deuteranopia
#1E306C (Green Blind)

Tritanopia
#133C44 (Blue Blind)

About This Color

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

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.