PANTONE 63-3-2 CP

Rich Dark Blue

Technical Values

HEX#0F3166
content_copy
RGB15, 49, 102
content_copy
CMYK85, 52, 0, 60
content_copy
HSL217°, 74%, 23%
content_copy

Tints & Shades

Shades — Darkening PANTONE 63-3-2 CP

#0F3166
#0E2C5D
#0C2650
#0B2247
#091E3E
#081935
#061328
#050F1F
#030B16
#010409

Tints — Lightening PANTONE 63-3-2 CP

#0F3166
#15418A
#1950A9
#1E61CC
#3375E1
#568DE6
#75A2EA
#99BAF0
#BCD2F5
#DCE7FA

Color Harmonies

Complementary

#0F3166
#66450F

Analogous

#0F5C66
#0F3166
#190F66

Triadic

#0F3166
#660F31
#31660F

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 2112 CP#1A3366ΔE 2.20
PANTONE 83-1-7 C#002F62ΔE 2.36
PANTONE 294 XGC#003063ΔE 2.41
PANTONE 3581 CP#12356DΔE 2.42

CSS Implementation

Style Definitions

.color-primary {

background-color: #0F3166;

color: #FFFFFF;

border: 1px solid #0F3166;

background: linear-gradient(135deg, #0F3166 0%, #0B2247 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
#213269 (Red Blind)
Deuteranopia
#182A65 (Green Blind)
Tritanopia
#003B41 (Blue Blind)

About This Color

PANTONE 63-3-2 CP is a highly saturated blue with dark tonality. Its HEX value is #0F3166, placing it in the blue region of the color spectrum with a hue angle of 217°.

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.