Hot Magenta

#FF1DCE

What color is Hot Magenta?

Hot magenta is a vivid, electric pink with strong violet undertones, hex #FF1DCE, closer in character to a tropical bougainvillea bloom than a soft pastel rose. It is bright enough to appear almost luminous against dark backgrounds, with a cool bias that separates it from warm pinks.

What is the meaning of the color Hot Magenta?

François-Emmanuel Verguin first synthesized the synthetic dye fuchsine in Lyon in 1859, and the broader magenta family of colors grew directly from that discovery. The name magenta was adopted the same year to honor the French victory at the Battle of Magenta in northern Italy, giving the color an early association with boldness and spectacle. Hot magenta is a more saturated, electrified descendant of that original dye color, pushed further toward brightness through 20th-century printing and display technology. Pantone formalized a version of this intense pink in its color matching system, and the shade became a reference point for high-visibility fashion and graphic design from the 1980s onward.

RGB
255, 29, 206
HSL
313°, 100%, 56%
CMYK
0, 89, 19, 0
HSV
313°, 89%, 100%
Hot magenta color

What colors go with Hot Magenta?

Colors that pair well with Hot magenta include:
Cobalt blue: sharp, electric contrast
Lime green: bold complementary energy
Deep navy: grounding cool depth
Warm gold: rich, vibrant balance
Soft ivory: clean, softening contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF1DCE color: #FF1DCE;
RGB 255, 29, 206 color: rgb(255, 29, 206);
RGB Percentage 100%, 11%, 81% color: rgb(100%, 11%, 81%);
CMYK 0%, 89%, 19%, 0% Not supported in CSS
HSL 313°, 100%, 56% color: hsl(313, 100%, 56%);
HSV 313°, 89%, 100% Not supported in CSS
CIE-LAB 45, 45, -59 color: lab(45% 45 -59);
Decimal 16719310 Not supported in CSS

Color Variations

Shades

#FF1FCE
#FF02C8
#E400B3
#C8009D
#AB0086
#8F0070
#720059
#560043

Tints

#FFBCF0
#FFA5EC
#FF8FE7
#FF78E2
#FF62DD
#FF4BD8
#FF35D3
#FF1FCE

Tones

#FF1FCE
#F42AC8
#E935C2
#DD40BB
#D24BB5
#C757AF
#BC62A8
#B06DA2

Hues

#FF1FCE
#FF1F26
#FFBF1F
#96FF1F
#1FFF4F
#1FFFF8
#1F5EFF
#871FFF

Color Harmonies

Analogous

#BF1FFF
Click to copy
#FF1DCE
Click to copy
#FF1F5E
Click to copy

Complementary

#FF1DCE
Click to copy
#1FFF4F
Click to copy

Split Complementary

#FF1DCE
Click to copy
#5EFF1F
Click to copy
#1FFFBF
Click to copy

Triadic

#FF1DCE
Click to copy
#CEFF1F
Click to copy
#1FCEFF
Click to copy

Tetradic

#FF1DCE
Click to copy
#FFBF1F
Click to copy
#1FFF4F
Click to copy
#1F5EFF
Click to copy

Square

#FF1DCE
Click to copy
#FFBF1F
Click to copy
#1FFF4F
Click to copy
#1F5EFF
Click to copy

CSS & Dev Snippets

CSS
.hot-magenta {
  color: #FF1DCE;
}
SCSS
$hot-magenta: #FF1DCE;
RGB
rgb(255, 29, 206)

Accessibility & Contrast

White background

3.32:1
3.32
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.32:1
6.32
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags