PANTONE 3581 CP

Rich Dark Blue

Technical Values

HEX#12356D

content_copy

RGB18, 53, 109

content_copy

CMYK83, 51, 0, 57

content_copy

HSL217°, 72%, 25%

content_copy

Tints & Shades

Shades — Darkening PANTONE 3581 CP

#12356E

#103165

#0E2A58

#0D264F

#0B2042

#091C39

#07152C

#061123

#040B16

#010409

Tints — Lightening PANTONE 3581 CP

#12356E

#184691

#1D55AF

#2266D3

#3A79DF

#5D91E5

#7BA6EA

#9FBDEF

#BDD2F4

#E0EAFA

Color Harmonies

Complementary

#12356D

#6E4A12

Analogous

#12636E

#12356D

#1D126E

Triadic

#12356D

#6E1235

#356E12

Nearest Pantone Colors

Name	Hex	Distance
PANTONE PQ-8783C	#1D366D	ΔE 1.95
PANTONE 2757 CP	#11386E	ΔE 2.24
PANTONE 63-3-2 CP	#0F3166	ΔE 2.42
PANTONE 3597 CP	#003770	ΔE 2.53

CSS Implementation

Style Definitions

.color-primary {

background-color: #12356D;

color: #FFFFFF;

border: 1px solid #12356D;

background: linear-gradient(135deg, #12356D 0%, #0D264F 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
#243770 (Red Blind)

Deuteranopia
#1B2E6C (Green Blind)

Tritanopia
#004046 (Blue Blind)

About This Color

PANTONE 3581 CP is a highly saturated blue with dark tonality. Its HEX value is #12356D, placing it in the blue region of the color spectrum with a hue angle of 217°.

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.