PANTONE Blue Opal

Rich Dark Blue

Technical Values

HEX#0F3B57

content_copy

RGB15, 59, 87

content_copy

CMYK83, 32, 0, 66

content_copy

HSL203°, 71%, 20%

content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Opal

#0F3B57

#0D364E

#0C3046

#0A2A3D

#092434

#071E2C

#061823

#04121A

#030C11

#010609

Tints — Lightening PANTONE Blue Opal

#0F3B57

#15537A

#1B6B9D

#2183C0

#2E99DC

#51AAE1

#73BBE7

#96CCED

#B9DDF3

#DCEEF9

Color Harmonies

Complementary

#0F3B57

#572B0F

Analogous

#0F574F

#0F3B57

#0F1757

Triadic

#0F3B57

#570F3B

#3B570F

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 7463 CP	#073A57	ΔE 1.15
PANTONE Poseidon	#123955	ΔE 1.28
PANTONE Sailor Blue	#0E3A53	ΔE 2.03
PANTONE 86-4-6 CP	#003954	ΔE 2.21

CSS Implementation

Style Definitions

.color-primary {

background-color: #0F3B57;

color: #FFFFFF;

border: 1px solid #0F3B57;

background: linear-gradient(135deg, #0F3B57 0%, #0A2A3D 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
#2F3959 (Red Blind)

Deuteranopia
#243057 (Green Blind)

Tritanopia
#004343 (Blue Blind)

About This Color

PANTONE Blue Opal is a highly saturated blue with dark tonality. Its HEX value is #0F3B57, placing it in the blue region of the color spectrum with a hue angle of 203°.

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.