What does the color HotPink mean?

Red

HotPink

#ff69b4

#ff87c3

#ffa5d2

#ffc3e1

#ffe1f0

#e66eaa

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

HotPink is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use HotPink (#ff69b4) in CSS as color: hotpink; or as #ff69b4.

Preview

HotPink

#ff69b4

Overview

Family: Red

Accessibility on this swatch:

AAA

(7.93:1)

Contrast vs white: 2.65:1 · vs black: 7.93:1

Formats

HEX

#ff69b4

RGB

rgb(255, 105, 180)

RGBA

rgba(255, 105, 180, 1)

HSL

hsl(330, 100%, 71%)

HSV

hsv(330, 59%, 100%)

LAB

lab(65.49% 64.24 -10.65)

LCH

lch(65.49% 65.12 350.59)

OKLAB

oklab(0.7283 0.1952 -0.0274)

OKLCH

oklch(0.7283 0.1971 352.01)

XYZ

xyz(54.53, 34.66, 46.99)

CMYK

cmyk(0%, 59%, 29%, 0%)

CSS

color: #ff69b4;

CSS variable

--color-ff69b4: #ff69b4;

SCSS

$color-ff69b4: #ff69b4;

Tailwind

pink-200

Export

Developer code

:root {
  --hotpink-1: #ff69b4;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ff87c3

#ffa5d2

#ffc3e1

#ffe1f0

#e66eaa

#cc729f

#b37795

#997b8a

Similar colors

#c71585

#db7093

#ff1493

#da70d6

#ee82ee

#dda0dd

#f08080

#ba55d3

Browse more in the color name library.