PANTONE Beacon Blue

Muted Dark Blue

Technical Values

HEX#252A50

content_copy

RGB37, 42, 80

content_copy

CMYK54, 48, 0, 69

content_copy

HSL233°, 37%, 23%

content_copy

Tints & Shades

Shades — Darkening PANTONE Beacon Blue

#252A50

#222649

#1D213F

#1A1D38

#161A31

#13162A

#0E101F

#0B0D18

#080911

#030407

Tints — Lightening PANTONE Beacon Blue

#252A50

#32396C

#3D4585

#4A54A1

#5E68B5

#7A83C2

#939ACD

#AFB4DA

#CBCEE7

#E3E5F2

Color Harmonies

Complementary

#252A50

#504B25

Analogous

#254050

#252A50

#362550

Triadic

#252A50

#50252A

#2A5025

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 55-4-6 CP	#25294D	ΔE 1.36
PANTONE 3524 CP	#1F284B	ΔE 2.68
PANTONE Blue Depths	#263056	ΔE 3.04
PANTONE 2765 CP	#1E2953	ΔE 3.28

CSS Implementation

Style Definitions

.color-primary {

background-color: #252A50;

color: #FFFFFF;

border: 1px solid #252A50;

background: linear-gradient(135deg, #252A50 0%, #1A1D38 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
#212D52 (Red Blind)

Deuteranopia
#202A4F (Green Blind)

Tritanopia
#1D3036 (Blue Blind)

About This Color

PANTONE Beacon Blue is a desaturated blue with dark tonality. Its HEX value is #252A50, placing it in the blue region of the color spectrum with a hue angle of 233°.

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.