What is the HEX code for Fuchsia?

The HEX code for Fuchsia is #FF00FF.

What is the RGB value for Fuchsia?

Fuchsia uses RGB values 255,0,255.

Can I use Fuchsia directly in CSS?

Yes. You can use the named CSS color fuchsia, the HEX value #FF00FF, or rgb(255,0,255).

HTML named color

Fuchsia color code

Use the Fuchsia HTML color with HEX #FF00FF, RGB 255,0,255 and HSL 300,100%,50%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast

Roses

#FF00FF

rgb(255,0,255)

HEX

#FF00FF

RGB

rgb(255,0,255)

HSL

hsl(300,100%,50%)

CSS name

fuchsia

How to use this color

Fuchsia can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-fuchsia {
  color: #FF00FF;
}

.bg-fuchsia {
  background-color: fuchsia;
}

.border-fuchsia {
  border-color: rgb(255,0,255);
}

Shades palette

#330033#740274#B706B7#F40BF4#F44EF4#F692F6#FAD1FA

Related HTML colors

DeepPink

#FF1493

HotPink

#FF69B4

Pink

#FFC0CB