PANTONE Set Sail
Muted Professional Blue
Tints & Shades
Shades — Darkening PANTONE Set Sail
#284971
#244266
#203A5B
#1C334F
#182C44
#142439
#101D2D
#0C1622
#080F17
#04070B
Tints — Lightening PANTONE Set Sail
#284971
#315A8C
#3A6BA6
#467CBE
#608FC7
#7BA1D1
#95B4DA
#B0C7E3
#CADAEC
#E5ECF6
Color Harmonies
Complementary
#284972
#715028
Analogous
#286E71
#284972
#2B2871
Triadic
#284972
#712849
#497128
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-4044 TPG | #304F79 | ΔE 2.71 | |
| PANTONE 19-4044 TCX | #1C446D | ΔE 2.76 | |
| PANTONE 19-3964 TCX | #1A4975 | ΔE 3.27 | |
| PANTONE 19-4044 TPX | #224A78 | ΔE 3.27 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #284972;
color: #FFFFFF;
border: 1px solid #284972;
background: linear-gradient(135deg, #284972 0%, #1C334F 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
#3C4974 (Red Blind)
#3C4974 (Red Blind)
Deuteranopia
#344271 (Green Blind)
#344271 (Green Blind)
Tritanopia
#185255 (Blue Blind)
#185255 (Blue Blind)
About This Color
PANTONE Set Sail is a moderately saturated blue with dark tonality. Its HEX value is #284972, placing it in the blue region of the color spectrum with a hue angle of 213°.
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.