PANTONE Navy Peony

Muted Dark Blue

Technical Values

HEX#223A5E

content_copy

RGB34, 58, 94

content_copy

CMYK64, 38, 0, 63

content_copy

HSL216°, 47%, 25%

content_copy

Tints & Shades

Shades — Darkening PANTONE Navy Peony

#223A5E

#1F3556

#1B2E4B

#182A43

#142338

#121E31

#0E1725

#0B121E

#070C13

#030507

Tints — Lightening PANTONE Navy Peony

#223A5E

#2D4C7C

#365C96

#416FB4

#5681C2

#7498CD

#8FABD6

#ADC2E1

#C7D5EB

#E5EBF6

Color Harmonies

Complementary

#223A5E

#5E4622

Analogous

#22585E

#223A5E

#28225E

Triadic

#223A5E

#5E223A

#3A5E22

Nearest Pantone Colors

Name	Hex	Distance
PANTONE Estate Blue	#233658	ΔE 2.36
PANTONE 62-1-7 CP	#253E65	ΔE 2.48
PANTONE 19-3940 TPX	#28395A	ΔE 2.67
PANTONE 19-3939 TPX	#253B63	ΔE 2.74

CSS Implementation

Style Definitions

.color-primary {

background-color: #223A5E;

color: #FFFFFF;

border: 1px solid #223A5E;

background: linear-gradient(135deg, #223A5E 0%, #182A43 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
#2F3B60 (Red Blind)

Deuteranopia
#29355D (Green Blind)

Tritanopia
#154145 (Blue Blind)

About This Color

PANTONE Navy Peony is a moderately saturated blue with dark tonality. Its HEX value is #223A5E, placing it in the blue region of the color spectrum with a hue angle of 216°.

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.