PANTONE Blue Sapphire

Rich Dark Blue

Technical Values

HEX#09577B

content_copy

RGB9, 87, 123

content_copy

CMYK93, 29, 0, 52

content_copy

HSL199°, 86%, 26%

content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Sapphire

#09577B

#084D6D

#074664

#063C55

#06364C

#052C3E

#04222F

#031B26

#021118

#010A0E

Tints — Lightening PANTONE Blue Sapphire

#09577B

#0C6F9D

#0F8AC2

#11A1E4

#2EB2EF

#50BEF2

#71CBF4

#97D9F7

#B8E5FA

#DEF3FD

Color Harmonies

Complementary

#09577B

#7B2D09

Analogous

#097B66

#09577B

#091E7B

Triadic

#09577B

#7B0957

#577B09

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 80-1-6 CP	#00577C	ΔE 0.84
PANTONE 2153 XGC	#00567B	ΔE 0.88
PANTONE 308 C	#00587C	ΔE 0.97
PANTONE 19-4221 TSX	#135A7D	ΔE 1.46

CSS Implementation

Style Definitions

.color-primary {

background-color: #09577B;

color: #FFFFFF;

border: 1px solid #09577B;

background: linear-gradient(135deg, #09577B 0%, #063C55 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
#44527D (Red Blind)

Deuteranopia
#32437B (Green Blind)

Tritanopia
#006262 (Blue Blind)

About This Color

PANTONE Blue Sapphire is a highly saturated blue with dark tonality. Its HEX value is #09577B, placing it in the blue region of the color spectrum with a hue angle of 199°.

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.