Hot Magenta

#FF1DCE
RGB
255, 29, 206
HSL
313°, 100%, 56%
CMYK
0, 89, 19, 0
HSV
313°, 89%, 100%

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
Purple
82%
#FF1DCE
Click to copy
Hot magenta
100%
#FF1F5E
Click to copy
Magenta
75%

Complementary

#FF1DCE
Click to copy
Hot magenta
100%
#1FFF4F
Click to copy
Green
22%

Split Complementary

#FF1DCE
Click to copy
Hot magenta
100%
#5EFF1F
Click to copy
Green
26%
#1FFFBF
Click to copy
Cyan
28%

Triadic

#FF1DCE
Click to copy
Hot magenta
100%
#CEFF1F
Click to copy
Yellow
34%
#1FCEFF
Click to copy
Cyan
34%

Tetradic

#FF1DCE
Click to copy
Hot magenta
100%
#FFBF1F
Click to copy
Orange
46%
#1FFF4F
Click to copy
Green
22%
#1F5EFF
Click to copy
Blue
46%

Square

#FF1DCE
Click to copy
Hot magenta
100%
#FFBF1F
Click to copy
Orange
46%
#1FFF4F
Click to copy
Green
22%
#1F5EFF
Click to copy
Blue
46%

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