PANTONE Bellwether Blue

Muted Dark Blue

Technical Values

HEX#23305B
content_copy
RGB35, 48, 91
content_copy
CMYK62, 47, 0, 64
content_copy
HSL226°, 44%, 25%
content_copy

Tints & Shades

Shades — Darkening PANTONE Bellwether Blue

#24315C
#212D54
#1D2749
#1A2342
#151D37
#131930
#0E1425
#0B101D
#070A12
#030407

Tints — Lightening PANTONE Bellwether Blue

#24315C
#2F4079
#394E93
#455EB0
#5A71BF
#778BCA
#91A1D4
#AEBAE0
#C8D0EA
#E5E9F5

Color Harmonies

Complementary

#23305B
#5C4F24

Analogous

#244D5C
#23305B
#33245C

Triadic

#23305B
#5C2431
#315C24

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 2766 CP#1E2C56ΔE 1.95
PANTONE P 103-16 C#262D58ΔE 2.21
PANTONE 2765 CP#1E2953ΔE 3.21
PANTONE Blue Depths#263056ΔE 3.30

CSS Implementation

Style Definitions

.color-primary {

background-color: #23305B;

color: #FFFFFF;

border: 1px solid #23305B;

background: linear-gradient(135deg, #23305B 0%, #1A2342 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
#25335D (Red Blind)
Deuteranopia
#212E5A (Green Blind)
Tritanopia
#18373D (Blue Blind)

About This Color

PANTONE Bellwether Blue is a moderately saturated blue with dark tonality. Its HEX value is #23305B, placing it in the blue region of the color spectrum with a hue angle of 226°.

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.