Skip to main content

Siren

#84153F

Siren is a warm dark color with the hex code #84153F. This vibrant hue can be represented as RGB 132, 21, 63 in digital design or CMYK 0%, 84%, 52%, 48% for print applications. Find matching Pantone color.

Siren color values

HEX
#84153F
RGB
132, 21, 63
HSL
337°, 73%, 30%
CMYK
0, 84, 52, 48

About this color

Siren sits at 337° on the color wheel with 73% saturation and 30% lightness, placing it in the magenta-red segment of the spectrum. At 73% saturation, the hue is fully legible and confident — richly chromatic without tipping into high-contrast territory. The lower lightness gives it weight and depth, lending gravity to any palette it enters.

In digital environments, Siren is rendered as rgb(132, 21, 63), where the red channel dominates at 132, creating a strongly red-skewed appearance. High saturation combined with low lightness creates deep, jewel-toned results — useful for premium UI elements, hover states, and focused interaction areas.

For print, Siren translates to a CMYK breakdown of 0C 84M 52Y 48K. With a moderate key (48%), this color uses black to deepen the chromatic channels rather than replace them, a profile that typically holds up well in both offset and digital print. No brands in the brandkit.pro library currently specify this exact hex as a named brand color.

How to use Siren

CSS Variable

:root {
  --brand-primary: #84153F;
  --brand-primary-rgb: 132, 21, 63;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config

colors: {
  brand: '#84153F',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK)

C: 0%
M: 84%
Y: 52%
K: 48%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens

rgb(132, 21, 63)
rgba(132, 21, 63, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.