PANTONE 8504 C

Muted Dark Blue

Technical Values

HEX#284E5E

content_copy

RGB40, 78, 94

content_copy

CMYK57, 17, 0, 63

content_copy

HSL198°, 40%, 26%

content_copy

Tints & Shades

Shades — Darkening PANTONE 8504 C

#284D5D

#234452

#203E4B

#1C3540

#182F39

#14262E

#0F1E24

#0C181D

#080F12

#05090B

Tints — Lightening PANTONE 8504 C

#284D5D

#326276

#3F7992

#498EAB

#62A1BC

#7BB0C6

#94BFD1

#B0D0DD

#C9DFE8

#E6F0F4

Color Harmonies

Complementary

#284E5E

#5D3828

Analogous

#285D52

#284E5E

#28325D

Triadic

#284E5E

#5D284D

#4D5D28

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-4126 TCX	#274C5C	ΔE 0.86
PANTONE 7477 C	#244C5A	ΔE 1.73
PANTONE PQ-8504C	#2E4E5D	ΔE 1.84
PANTONE 92-2-4 C	#244957	ΔE 2.45

CSS Implementation

Style Definitions

.color-primary {

background-color: #284E5E;

color: #FFFFFF;

border: 1px solid #284E5E;

background: linear-gradient(135deg, #284E5E 0%, #1C3540 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
#454B5F (Red Blind)

Deuteranopia
#3C445E (Green Blind)

Tritanopia
#1B5353 (Blue Blind)

About This Color

PANTONE 8504 C is a desaturated blue with dark tonality. Its HEX value is #284E5E, placing it in the blue region of the color spectrum with a hue angle of 198°.

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.