Fuchsia

#FF00FF
RGB
255, 0, 255
HSL
300°, 100%, 50%
CMYK
0, 100, 0, 0
HSV
300°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF00FF color: #FF00FF;
RGB 255, 0, 255 color: rgb(255, 0, 255);
RGB Percentage 100%, 0%, 100% color: rgb(100%, 0%, 100%);
CMYK 0%, 100%, 0%, 0% Not supported in CSS
HSL 300°, 100%, 50% color: hsl(300, 100%, 50%);
HSV 300°, 100%, 100% Not supported in CSS
CIE-LAB 40, 51, -85 color: lab(40% 51 -85);
Decimal 16711935 Not supported in CSS

Color Variations

Shades

#FF00FF
#E600E6
#CC00CC
#B300B3
#990099
#800080
#660066
#4D004D

Tints

#FFB3FF
#FF99FF
#FF80FF
#FF66FF
#FF4DFF
#FF33FF
#FF1AFF
#FF00FF

Tones

#FF00FF
#F20DF2
#E61AE6
#D926D9
#CC33CC
#BF40BF
#B34DB3
#A659A6

Hues

#FF00FF
#FF0040
#FF8000
#BFFF00
#00FF00
#00FFBF
#0080FF
#4000FF

Color Harmonies

Analogous

#8000FF
Click to copy
Purple
71%
#FF00FF
Click to copy
Fuchsia
100%
#FF0080
Click to copy
Magenta
71%

Complementary

#FF00FF
Click to copy
Fuchsia
100%
#00FF00
Click to copy
Green
0%

Split Complementary

#FF00FF
Click to copy
Fuchsia
100%
#80FF00
Click to copy
Green
13%
#00FF80
Click to copy
Cyan
13%

Triadic

#FF00FF
Click to copy
Fuchsia
100%
#FFFF00
Click to copy
Yellow
18%
#00FFFF
Click to copy
Cyan
18%

Tetradic

#FF00FF
Click to copy
Fuchsia
100%
#FF8000
Click to copy
Orange
35%
#00FF00
Click to copy
Green
0%
#0080FF
Click to copy
Blue
35%

Square

#FF00FF
Click to copy
Fuchsia
100%
#FF8000
Click to copy
Orange
35%
#00FF00
Click to copy
Green
0%
#0080FF
Click to copy
Blue
35%

CSS & Dev Snippets

CSS
.fuchsia {
  color: #FF00FF;
}
SCSS
$fuchsia: #FF00FF;
RGB
rgb(255, 0, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags