PANTONE Twilight Blue

Muted Dark Blue

Technical Values

HEX#313D64

content_copy

RGB49, 61, 100

content_copy

CMYK51, 39, 0, 61

content_copy

HSL226°, 34%, 29%

content_copy

Tints & Shades

Shades — Darkening PANTONE Twilight Blue

#313D63

#2C3659

#27304F

#222A44

#1D233A

#191F33

#141929

#0F131F

#0A0D15

#05060A

Tints — Lightening PANTONE Twilight Blue

#313D63

#3D4B7B

#485A93

#5468AB

#6C7DB7

#8796C4

#9FABD0

#B7C0DC

#CFD5E7

#E7EAF3

Color Harmonies

Complementary

#313D64

#635731

Analogous

#315663

#313D64

#3E3163

Triadic

#313D64

#63313D

#3D6331

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 5265 CP	#353B62	ΔE 2.16
PANTONE 19-3943 TPG	#304065	ΔE 2.27
PANTONE 19-3939 TPG	#344266	ΔE 3.02
PANTONE 64-3-6 C	#383D61	ΔE 3.07

CSS Implementation

Style Definitions

.color-primary {

background-color: #313D64;

color: #FFFFFF;

border: 1px solid #313D64;

background: linear-gradient(135deg, #313D64 0%, #222A44 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
#333F66 (Red Blind)

Deuteranopia
#303B63 (Green Blind)

Tritanopia
#274449 (Blue Blind)

About This Color

PANTONE Twilight Blue is a desaturated blue with dark tonality. Its HEX value is #313D64, 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.