PANTONE Blue Coral

Rich Dark Blue

Technical Values

HEX#1B5366

content_copy

RGB27, 83, 102

content_copy

CMYK74, 19, 0, 60

content_copy

HSL195°, 58%, 25%

content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Coral

#1B5265

#194C5D

#154251

#133B49

#10313C

#0E2B34

#0B2128

#091A20

#051014

#020708

Tints — Lightening PANTONE Blue Coral

#1B5265

#236D85

#2B84A1

#339EC1

#4AAECF

#6ABCD7

#86C9DF

#A6D7E7

#C3E4EF

#E3F2F8

Color Harmonies

Complementary

#1B5366

#652D1B

Analogous

#1B6552

#1B5366

#1B2D65

Triadic

#1B5366

#651B52

#52651B

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-4324 TPX	#1E5162	ΔE 1.67
PANTONE Corsair	#18576C	ΔE 2.27
PANTONE 19-4241 TPX	#12546A	ΔE 2.28
PANTONE 2215 XGC	#225666	ΔE 2.33

CSS Implementation

Style Definitions

.color-primary {

background-color: #1B5366;

color: #FFFFFF;

border: 1px solid #1B5366;

background: linear-gradient(135deg, #1B5366 0%, #133B49 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
#474E67 (Red Blind)

Deuteranopia
#3A4466 (Green Blind)

Tritanopia
#095A59 (Blue Blind)

About This Color

PANTONE Blue Coral is a moderately saturated blue with dark tonality. Its HEX value is #1B5366, placing it in the blue region of the color spectrum with a hue angle of 195°.

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.