PANTONE 19-4221 TSX

Rich Dark Blue

Technical Values

HEX#135A7D
content_copy
RGB19, 90, 125
content_copy
CMYK85, 28, 0, 51
content_copy
HSL200°, 74%, 28%
content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4221 TSX

#13597C
#114F6F
#0F4662
#0D4059
#0B364B
#092D3E
#072331
#051923
#04131B
#020A0D

Tints — Lightening PANTONE 19-4221 TSX

#13597C
#176F9B
#1C86BA
#219FDE
#40ACE2
#5FBAE7
#7EC7EC
#9DD5F0
#C1E4F6
#E0F2FA

Color Harmonies

Complementary

#135A7D
#7C3613

Analogous

#137C6B
#135A7D
#13247C

Triadic

#135A7D
#7C1359
#597C13

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE Blue Sapphire#09577BΔE 1.46
PANTONE 7700 C#165C7DΔE 1.54
PANTONE 308 C#00587CΔE 1.63
PANTONE 3025 CP#00597BΔE 1.84

CSS Implementation

Style Definitions

.color-primary {

background-color: #135A7D;

color: #FFFFFF;

border: 1px solid #135A7D;

background: linear-gradient(135deg, #135A7D 0%, #0D4059 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
#48557F (Red Blind)
Deuteranopia
#38487D (Green Blind)
Tritanopia
#006564 (Blue Blind)

About This Color

PANTONE 19-4221 TSX is a highly saturated blue with dark tonality. Its HEX value is #135A7D, placing it in the blue region of the color spectrum with a hue angle of 200°.

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.