What is the HEX code for HotPink?

The HEX code for HotPink is #FF69B4.

What is the RGB value for HotPink?

HotPink uses RGB values 255,105,180.

Can I use HotPink directly in CSS?

Yes. You can use the named CSS color hotpink, the HEX value #FF69B4, or rgb(255,105,180).

HTML named color

HotPink color code

Use the HotPink HTML color with HEX #FF69B4, RGB 255,105,180 and HSL 330,100%,71%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast

Roses

#FF69B4

rgb(255,105,180)

HEX

#FF69B4

RGB

rgb(255,105,180)

HSL

hsl(330,100%,71%)

CSS name

hotpink

How to use this color

HotPink can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-hot-pink {
  color: #FF69B4;
}

.bg-hot-pink {
  background-color: hotpink;
}

.border-hot-pink {
  border-color: rgb(255,105,180);
}

Shades palette

#33001A#74023B#B7065E#F40B80#F44EA1#F692C4#FAD1E6

Related HTML colors

Fuchsia

#FF00FF

DeepPink

#FF1493

Pink

#FFC0CB