PANTONE 2224 XGC

Rich Dark Cyan

Technical Values

HEX#00667C

content_copy

RGB0, 102, 124

content_copy

CMYK100, 18, 0, 51

content_copy

HSL191°, 100%, 24%

content_copy

Tints & Shades

Shades — Darkening PANTONE 2224 XGC

#00647A

#005C70

#004F61

#004757

#003A47

#00323D

#002A33

#001D24

#00151A

#00080A

Tints — Lightening PANTONE 2224 XGC

#00647A

#0085A3

#00A2C7

#00C4F0

#14D4FF

#3DDBFF

#66E3FF

#8AE9FF

#B3F1FF

#D6F8FF

Color Harmonies

Complementary

#00667C

#7A1600

Analogous

#007A54

#00667C

#00277A

Triadic

#00667C

#7A0064

#647A00

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 3155 XGC	#00657A	ΔE 0.72
PANTONE 18-4530 TCX	#00687F	ΔE 1.00
PANTONE 315 C	#00677F	ΔE 1.28
PANTONE 2224 C	#006980	ΔE 1.35

CSS Implementation

Style Definitions

.color-primary {

background-color: #00667C;

color: #FFFFFF;

border: 1px solid #00667C;

background: linear-gradient(135deg, #00667C 0%, #004757 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
#525D7E (Red Blind)

Deuteranopia
#3C4A7D (Green Blind)

Tritanopia
#00716C (Blue Blind)

About This Color

PANTONE 2224 XGC is a highly saturated cyan with dark tonality. Its HEX value is #00667C, placing it in the cyan region of the color spectrum with a hue angle of 191°.

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.