Skip to main content

Steel Pink

#BA129E

Steel Pink is a warm medium color with the hex code #BA129E. This vibrant hue can be represented as RGB 186, 18, 158 in digital design or CMYK 0%, 90%, 15%, 27% for print applications. Find matching Pantone color.

Steel Pink Color Values

HEX
#BA129E
RGB
186, 18, 158
HSL
310°, 82%, 40%
CMYK
0, 90, 15, 27

About this color

Steel Pink sits at 310° on the color wheel, placing it in the warm color family, often associated with energy and warmth. With 82% saturation and 40% lightness, this vibrant medium hue balances visibility with restraint.

In digital design, warm colors like Steel Pink work well for calls-to-action, accent elements, and creating urgency. Medium-toned colors offer versatility across both light and dark design themes.

When using Steel Pink in print, the CMYK breakdown of 0%, 90%, 15%, 27% ensures accurate color reproduction. This balanced CMYK profile should reproduce consistently across different printing methods.

How to use Steel Pink

CSS Variable

:root {
  --brand-primary: #BA129E;
  --brand-primary-rgb: 186, 18, 158;
}

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

Tailwind Config

colors: {
  brand: '#BA129E',
}

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

Print Design (CMYK)

C: 0%
M: 90%
Y: 15%
K: 27%

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

RGB for Screens

rgb(186, 18, 158)
rgba(186, 18, 158, 0.8)

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

Frequently Asked Questions

What color is #BA129E?
#BA129E is Steel Pink, a warm medium color with RGB values of 186, 18, 158. It has a hue of 310°, 82% saturation, and 40% lightness in the HSL color space.
What is the RGB value of #BA129E?
The RGB color code for #BA129E is rgb(186, 18, 158). This means it contains 186 red, 18 green, and 158 blue in the RGB color model.
Is Steel Pink a warm or cool color?
Steel Pink (#BA129E) is a warm color with a hue between 0-60° or 300-360° on the color wheel.
How do I use #BA129E in CSS?
You can use #BA129E in CSS with: background-color: #BA129E; or color: #BA129E; or as an RGB value: rgb(186, 18, 158). For print design, use CMYK: 0%, 90%, 15%, 27%.