Help

Magenta

#ff00ff color hex

#ff00ff hex color information.
RGB value of #ff00ff is (255,0,255)
#ff00ff hex color code is also equal to #F0F
Change page background color to #ff00ff | Reset

#ff00ff rgb color chart

Color spaces of #ff00ff Magenta

RGB 2550255
HSL0.831.000.50
HSV300°100°100°
CMYK 0.001.000.00   0.00
XYZ59.290028.480096.9800
Yxy28.48000.32090.1542
Hunter Lab53.3667104.9207-70.3875
CIE-Lab60.319998.2542-60.8430

Shades of #ff00ff

Tints of #ff00ff

RGB Percentages of Color #ff00ff

%50.00
%0.00
%50.00

CMYK Percentages of Color #ff00ff

%0
%100
%0
%0

#ff00ff Magenta Color Info

#ff00ff hex color red value is 255, green value is 0 and the blue value of its RGB is 255. Cylindrical-coordinate representations (also known as HSL) of color #ff00ff hue: 0.83 , saturation: 1.00 and the lightness value of ff00ff is 0.50.

The process color (four color CMYK) of #ff00ff hex color is 0.00, 1.00, 0.00, 0.00. Web safe color of #ff00ff is #ff00ff. Color #ff00ff contains mostly RED color. #ff00ff color name is Magenta.

Base Numbers

BaseRedGreenBlue
Binary 11111111 00000000 11111111
Octal 377 0 377
Decimal 255 0 255
Hexadecimal FF 0 FF

Decimal base numbers are RGB value of the color.

Monochromatic Colors of #ff00ff

Triadic Colors of #ff00ff

#ff00ff #feff00 #00feff

Analogous Colors of #ff00ff

#ff00ff #ff007f #7f00ff

Complementary Color of #ff00ff

#ff00ff #00ff00

#ff00ff HSL Color Chart
#ff00ff hsl color chart
#ff00ff RGB Color Chart

#ff00ff Color Preview on Black Background

Lorem ipsum dolor sit amet.

#ff00ff Color Preview on White Background

Lorem ipsum dolor sit amet.

#ff00ff Color CSS Codes

.mybgcolor {background-color:#ff00ff; } 
.myforecolor {color:#ff00ff; }
.mybordercolor {border:3px solid #ff00ff; }
Sample text font color #ff00ff

This sample text font color is #ff00ff
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

html code
<p style="color:#ff00ff">Text here</p>
#ff00ff background color

This div background color is #ff00ff

<div style="background-color:#ff00ff">
Div content here</div>
#ff00ff border color

This div border color is #ff00ff

<div style="border:3px solid #ff00ff">
Div here</div>
HTML Button and Input Text Box Sample

HTML Table Border #ff00ff Color Sample
#ff00ffborder color

CSS3 Examples

.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(255,0,255, 0.8); 
        } 
.textShadowHex { 
    text-shadow: 4px 4px 2px #ff00ff; 
        }
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #ff00ff;
  -webkit-box-shadow: 1px 1px 3px 2px #ff00ff;
  box-shadow:         1px 1px 3px 2px #ff00ff; 
      }
Text Shadow with RGB Values
<p style="text-shadow: 4px 4px 2px rgba(255,0,255, 0.8);">Text here</p>

This text has shadow with rgb values.


Text Shadow with Hex Values
<p style="text-shadow: 4px 4px 2px #ff00ff">Text here</p>

This text has shadow with hex values.



Div Box Shadow

This div box has shadow with color #ff00ff

<div style="-moz-box-shadow: 1px 1px 3px 2px #ff00ff;
  -webkit-box-shadow: 1px 1px 3px 2px #ff00ff;
  box-shadow:         1px 1px 3px 2px #ff00ff;">
Div content here</div>

Share your comments, give name to this color:



Your comment has added and will published after it's approved.
Back to top