PANTONE 8503 C

Muted Dark Blue

Technical Values

HEX#283C43

content_copy

RGB40, 60, 67

content_copy

CMYK40, 10, 0, 74

content_copy

HSL196°, 25%, 21%

content_copy

Tints & Shades

Shades — Darkening PANTONE 8503 C

#283C43

#24363D

#213036

#1D2B30

#192529

#151F23

#0F171A

#0B1113

#080B0D

#040606

Tints — Lightening PANTONE 8503 C

#283C43

#37535C

#476976

#56808F

#6995A5

#83A7B4

#99B7C2

#B3C9D1

#CCDBE0

#E6EDF0

Color Harmonies

Complementary

#283C43

#432F28

Analogous

#28433D

#283C43

#282E43

Triadic

#283C43

#43283C

#3C4328

Nearest Pantone Colors

Name	Hex	Distance
PANTONE PQ-8503C	#2B3D43	ΔE 1.13
PANTONE 6119 C	#2E3C41	ΔE 2.66
PANTONE 19-4112 TCX	#2F414A	ΔE 2.85
PANTONE 19-4108 TCX	#303D45	ΔE 3.01

CSS Implementation

Style Definitions

.color-primary {

background-color: #283C43;

color: #FFFFFF;

border: 1px solid #283C43;

background: linear-gradient(135deg, #283C43 0%, #1D2B30 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
#383A43 (Red Blind)

Deuteranopia
#333743 (Green Blind)

Tritanopia
#223F3E (Blue Blind)

About This Color

PANTONE 8503 C is a desaturated blue with dark tonality. Its HEX value is #283C43, placing it in the blue region of the color spectrum with a hue angle of 196°.

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.