Pantone® 284 C

Blue

Solid Coated

Note: This is a community-sourced approximation and is not an official Pantone® color value. For accurate color matching, please refer to official Pantone® color guides.

HEX

#6CACE4

RGB

108, 172, 228

CMYK

53%, 25%, 0%, 11%

View Full Color Page →Convert to RGB →Generate Palette →

All Color Formats

HEX

#6CACE4

RGB

rgb(108, 172, 228)

RGBA

rgba(108, 172, 228, 1)

HSL

hsl(208, 68.97%, 65.88%)

HSLA

hsla(208, 69%, 66%, 1)

CMYK

cmyk(53%, 25%, 0%, 11%)

Similar Pantone® Colors

292 C

Blue

#69B3E7

ΔE: 2.77

542 C

Blue

#7BAFD4

ΔE: 3.76

7453 C

Blue

#7BA6DE

ΔE: 4.27

2915 C

Blue

#62B5E5

ΔE: 4.64

659 C

Blue

#7BA4DB

ΔE: 4.81

CSS Usage Examples

Background Color

background-color: #6CACE4;

Text Color

color: #6CACE4;

Border

border: 2px solid #6CACE4;

CSS Variable

--pantone-284-c: #6CACE4;

About Pantone® 284 C

Pantone® 284 C is approximately HEX #6CACE4 and RGB 108, 172, 228 on screen — a blue from the Solid Coated collection. These digital values are an approximation for web and screen design, not an official Pantone® value.

Digital vs Print

Keep in mind that digital screens (RGB) and printed materials (Pantone inks) use different color systems. The HEX value shown here (#6CACE4) is an approximation and may appear different when printed. For accurate Pantone® color matching in print projects, always refer to official Pantone® color books and guides.

Use Cases

Web design and UI development
Digital branding and marketing materials
Screen presentations and mockups
Social media graphics