Magenta

#FD3DB5
RGB
253, 61, 181
HSL
323°, 98%, 62%
CMYK
0, 76, 28, 1
HSV
323°, 76%, 99%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FD3DB5 color: #FD3DB5;
RGB 253, 61, 181 color: rgb(253, 61, 181);
RGB Percentage 99%, 24%, 71% color: rgb(99%, 24%, 71%);
CMYK 0%, 76%, 28%, 1% Not supported in CSS
HSL 323°, 98%, 62% color: hsl(323, 98%, 62%);
HSV 323°, 76%, 99% Not supported in CSS
CIE-LAB 50, 38, -40 color: lab(50% 38 -40);
Decimal 16596405 Not supported in CSS

Color Variations

Shades

#FD3FB4
#FD20A8
#FA039B
#DB0288
#BC0275
#9D0261
#7D014E
#5E013A

Tints

#FEC5E9
#FEB2E1
#FE9FDA
#FE8CD2
#FE79CB
#FD66C3
#FD52BC
#FD3FB4

Tones

#FD3FB4
#F449B2
#EA52B0
#E15CAE
#D765AB
#CE6FA9
#C478A7
#BB82A5

Hues

#FD3FB4
#FD583F
#FDE73F
#85FD3F
#3FFD88
#3FE4FD
#3F55FD
#B73FFD

Color Harmonies

Analogous

#E73FFD
Click to copy
Light Purple
83%
#FD3DB5
Click to copy
Magenta
100%
#FD3F55
Click to copy
Light Magenta
78%

Complementary

#FD3DB5
Click to copy
Magenta
100%
#3FFD88
Click to copy
Light Green
38%

Split Complementary

#FD3DB5
Click to copy
Magenta
100%
#55FD3F
Click to copy
Light Green
36%
#3FFDE7
Click to copy
Light Cyan
38%

Triadic

#FD3DB5
Click to copy
Magenta
100%
#B4FD3F
Click to copy
Light Yellow
46%
#3FB4FD
Click to copy
Light Cyan
47%

Tetradic

#FD3DB5
Click to copy
Magenta
100%
#FDE73F
Click to copy
Light Orange
53%
#3FFD88
Click to copy
Light Green
38%
#3F55FD
Click to copy
Light Blue
54%

Square

#FD3DB5
Click to copy
Magenta
100%
#FDE73F
Click to copy
Light Orange
53%
#3FFD88
Click to copy
Light Green
38%
#3F55FD
Click to copy
Light Blue
54%

CSS & Dev Snippets

CSS
.magenta {
  color: #FD3DB5;
}
SCSS
$magenta: #FD3DB5;
RGB
rgb(253, 61, 181)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags