PANTONE 336 UP

Muted Professional Cyan

Technical Values

HEX#337366

content_copy

RGB51, 115, 102

content_copy

CMYK56, 0, 11, 55

content_copy

HSL168°, 39%, 33%

content_copy

Tints & Shades

Shades — Darkening PANTONE 336 UP

#337568

#2F6A5E

#285C52

#245248

#1F473F

#1A3C35

#142E29

#10231F

#0B1916

#050B09

Tints — Lightening PANTONE 336 UP

#337568

#3E8E7E

#48A391

#58B6A3

#71C1B1

#8ACCBF

#9FD5CA

#B8E0D8

#D1EBE6

#E6F4F1

Color Harmonies

Complementary

#337366

#753340

Analogous

#337547

#337366

#336175

Triadic

#337366

#683375

#756833

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 105-5-4 U	#317367	ΔE 0.74
PANTONE 342 UP	#347364	ΔE 1.19
PANTONE P 131-14 U	#32756B	ΔE 2.04
PANTONE 3298 U	#327269	ΔE 2.39

CSS Implementation

Style Definitions

.color-primary {

background-color: #337366;

color: #FFFFFF;

border: 1px solid #337366;

background: linear-gradient(135deg, #337366 0%, #245248 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA FAIL

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#6C6A66 (Red Blind)

Deuteranopia
#5E6067 (Green Blind)

Tritanopia
#25766F (Blue Blind)

About This Color

PANTONE 336 UP is a desaturated cyan with medium tonality. Its HEX value is #337366, placing it in the cyan region of the color spectrum with a hue angle of 168°.

This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.