PANTONE 18-5624 TPG

Rich Professional Cyan

Technical Values

HEX#22786A

content_copy

RGB34, 120, 106

content_copy

CMYK72, 0, 12, 53

content_copy

HSL170°, 56%, 30%

content_copy

Tints & Shades

Shades — Darkening PANTONE 18-5624 TPG

#227769

#1E6B5F

#1B5F54

#18544A

#14483F

#113C35

#0D302A

#0A2420

#071815

#030C0B

Tints — Lightening PANTONE 18-5624 TPG

#227769

#2A9382

#31AF9A

#3CC8B1

#58D0BC

#74D8C7

#90E0D2

#ABE7DD

#C7EFE9

#E3F7F4

Color Harmonies

Complementary

#22786A

#772230

Analogous

#22773E

#22786A

#225B77

Triadic

#22786A

#692277

#776922

Nearest Pantone Colors

Name	Hex	Distance
PANTONE P 131-7 U	#1E7A6E	ΔE 1.66
PANTONE P 135-6 C	#227A69	ΔE 1.96
PANTONE 3298 UP	#2D796A	ΔE 2.02
PANTONE 107-2-7 U	#137567	ΔE 2.03

CSS Implementation

Style Definitions

.color-primary {

background-color: #22786A;

color: #FFFFFF;

border: 1px solid #22786A;

background: linear-gradient(135deg, #22786A 0%, #18544A 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
#6E6D6A (Red Blind)

Deuteranopia
#5C5F6B (Green Blind)

Tritanopia
#0F7D73 (Blue Blind)

About This Color

PANTONE 18-5624 TPG is a moderately saturated cyan with dark tonality. Its HEX value is #22786A, placing it in the cyan region of the color spectrum with a hue angle of 170°.

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.