PANTONE Canal Blue

Muted Professional Cyan

Technical Values

HEX#9CC2C5
content_copy
RGB156, 194, 197
content_copy
CMYK21, 2, 0, 23
content_copy
HSL184°, 26%, 69%
content_copy

Tints & Shades

Shades — Darkening PANTONE Canal Blue

#9BC2C5
#85B4B7
#6EA6AA
#5B969A
#4D8084
#426D70
#35575A
#284243
#1A2C2D
#0D1616

Tints — Lightening PANTONE Canal Blue

#9BC2C5
#A5C8CA
#AFCED0
#B8D4D5
#C2D9DB
#CFE1E3
#D8E7E8
#E2EDEE
#ECF3F4
#F5F9F9

Color Harmonies

Complementary

#9CC2C5
#C59E9B

Analogous

#9BC5B3
#9CC2C5
#9BADC5

Triadic

#9CC2C5
#C59BC2
#C2C59B

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 14-4810 TCX#9DC3C4ΔE 1.11
PANTONE P 126-1 C#9BBFC3ΔE 1.27
PANTONE P 122-3 U#9BC3C4ΔE 1.27
PANTONE 14-4810 TPX#98C3C8ΔE 1.97

CSS Implementation

Style Definitions

.color-primary {

background-color: #9CC2C5;

color: #000000;

border: 1px solid #9CC2C5;

background: linear-gradient(135deg, #9CC2C5 0%, #5B969A 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA PASS

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#BCBEC5 (Red Blind)
Deuteranopia
#B3B7C5 (Green Blind)
Tritanopia
#92C5C3 (Blue Blind)

About This Color

PANTONE Canal Blue is a desaturated cyan with bright tonality. Its HEX value is #9CC2C5, placing it in the cyan region of the color spectrum with a hue angle of 184°.

This lighter shade is well-suited for backgrounds, accent areas, and designs that require an open, airy feel. It pairs naturally with darker neutrals for contrast.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.