CSS named color
Fuchsia
#FF00FF
HEX
#ff00ffRGB
rgb(255, 0, 255)HSL
hsl(300, 100%, 50%)OKLCH
oklch(70.17% 0.3225 328.36)NAME
fuchsiaPalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#7F00FF
Right
#FF0080
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: fuchsia;
background-color: fuchsia;By HEX
color: #ff00ff;
background-color: #ff00ff;By RGB
color: rgb(255, 0, 255);
background-color: rgb(255, 0, 255);By HSL
color: hsl(300, 100%, 50%);
background-color: hsl(300, 100%, 50%);WCAG contrast vs white
Aa
3.14:1
AA (large text)
WCAG contrast vs black
Aa
6.70:1
AA
Related colors
FAQ — Fuchsia
What is the HEX code for Fuchsia?
The HEX code for Fuchsia is #FF00FF. It's one of the 148 named CSS colors and can be used directly in CSS as color: fuchsia; or color: #ff00ff;
What is Fuchsia in RGB?
Fuchsia in RGB is rgb(255, 0, 255) — red 255, green 0, blue 255.
What is Fuchsia in HSL?
Fuchsia in HSL is hsl(300, 100%, 50%) — hue 300°, saturation 100%, lightness 50%.
What is the complementary color of Fuchsia?
The complementary color (directly opposite Fuchsia on the color wheel) is #00FF00. The two together produce maximum contrast.
Is white text readable on Fuchsia?
The WCAG contrast ratio against white (#FFFFFF) is 3.14:1, and against black (#000000) it's 6.70:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.