PANTONE Moroccan Blue

Rich Dark Blue

Technical Values

HEX#0F4E67

content_copy

RGB15, 78, 103

content_copy

CMYK85, 24, 0, 60

content_copy

HSL197°, 75%, 23%

content_copy

Tints & Shades

Shades — Darkening PANTONE Moroccan Blue

#0F4E67

#0D475E

#0B3D50

#0A3647

#092F3E

#082936

#061E28

#04181F

#031116

#010709

Tints — Lightening PANTONE Moroccan Blue

#0F4E67

#14698A

#1880AA

#1D9BCD

#32B0E2

#55BEE7

#75CAEB

#98D7F0

#BCE5F5

#DBF1FA

Color Harmonies

Complementary

#0F4E67

#67280F

Analogous

#0F6754

#0F4E67

#0F2267

Triadic

#0F4E67

#670F4E

#4E670F

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 2210 CP	#004B64	ΔE 1.70
PANTONE 4160 C	#004860	ΔE 2.73
PANTONE 4160 CP	#004E64	ΔE 2.79
PANTONE 94-5-4 C	#00536E	ΔE 3.08

CSS Implementation

Style Definitions

.color-primary {

background-color: #0F4E67;

color: #FFFFFF;

border: 1px solid #0F4E67;

background: linear-gradient(135deg, #0F4E67 0%, #0A3647 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
#3F4969 (Red Blind)

Deuteranopia
#313E67 (Green Blind)

Tritanopia
#005755 (Blue Blind)

About This Color

PANTONE Moroccan Blue is a highly saturated blue with dark tonality. Its HEX value is #0F4E67, placing it in the blue region of the color spectrum with a hue angle of 197°.

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.