PANTONE 19-4123 TSX

Rich Dark Blue

Technical Values

HEX#124C71
content_copy
RGB18, 76, 113
content_copy
CMYK84, 33, 0, 56
content_copy
HSL203°, 73%, 26%
content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4123 TSX

#124E73
#104565
#0E3F5D
#0C364F
#0B3047
#092739
#071E2C
#061823
#030F16
#02090D

Tints — Lightening PANTONE 19-4123 TSX

#124E73
#176292
#1C7AB5
#218FD4
#3DA2E1
#5CB1E6
#7BC0EA
#9ED0F0
#BDDFF5
#E0F0FA

Color Harmonies

Complementary

#124C71
#733712

Analogous

#127367
#124C71
#121D73

Triadic

#124C71
#73124E
#4E7312

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE P 108-15 C#104D73ΔE 0.78
PANTONE 7694 CP#004A6FΔE 1.77
PANTONE 8483#0C486CΔE 1.78
PANTONE 2140 CP#1E4E75ΔE 2.39

CSS Implementation

Style Definitions

.color-primary {

background-color: #124C71;

color: #FFFFFF;

border: 1px solid #124C71;

background: linear-gradient(135deg, #124C71 0%, #0C364F 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
#3C4973 (Red Blind)
Deuteranopia
#2E3E71 (Green Blind)
Tritanopia
#005657 (Blue Blind)

About This Color

PANTONE 19-4123 TSX is a highly saturated blue with dark tonality. Its HEX value is #124C71, placing it in the blue region of the color spectrum with a hue angle of 203°.

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.