PANTONE 302 C

Rich Dark Blue

Technical Values

HEX#003B5C

content_copy

RGB0, 59, 92

content_copy

CMYK100, 36, 0, 64

content_copy

HSL202°, 100%, 18%

content_copy

Tints & Shades

Shades — Darkening PANTONE 302 C

#003A5C

#003452

#002D47

#002A42

#002438

#001D2E

#001724

#00101A

#000D14

#00060A

Tints — Lightening PANTONE 302 C

#003A5C

#005485

#006EAD

#008BDB

#05A3FF

#2EB2FF

#57C1FF

#80D0FF

#ADE1FF

#D6F0FF

Color Harmonies

Complementary

#003B5C

#5C2200

Analogous

#005C50

#003B5C

#000C5C

Triadic

#003B5C

#5C003A

#3A5C00

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 302 XGC	#003E5F	ΔE 1.40
PANTONE 86-4-5 C	#003C5B	ΔE 1.51
PANTONE 81-1-7 CP	#00385A	ΔE 1.68
PANTONE 540 CP	#003E5D	ΔE 2.11

CSS Implementation

Style Definitions

.color-primary {

background-color: #003B5C;

color: #FFFFFF;

border: 1px solid #003B5C;

background: linear-gradient(135deg, #003B5C 0%, #002A42 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
#2B385E (Red Blind)

Deuteranopia
#1E2C5C (Green Blind)

Tritanopia
#004445 (Blue Blind)

About This Color

PANTONE 302 C is a highly saturated blue with dark tonality. Its HEX value is #003B5C, placing it in the blue region of the color spectrum with a hue angle of 202°.

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.