- No data uploaded
- Instant results
Fuchsia — #FF00FF
Fuchsia is the CSS named colour fuchsia, hex #FF00FF. It has a contrast ratio of 3.14:1 on white and 6.70:1 on black — best used as text on dark backgrounds.
Fuchsia — #FF00FF
Contrast on white 3.14:1 · on black 6.70:1
Tints
Shades
Complementary
Triadic
Analogous
Using Fuchsia in code
CSS: color: fuchsia; or color: #FF00FF; · Tailwind: text-[#FF00FF] · Android/Flutter: 0xFFFF00FF
Fuchsia colour harmonies
Complementary: #00FF00 · Triadic: #FFFF00, #00FFFF · Analogous: #8000FF, #FF0080. Use tints for backgrounds and shades for hover states.
Fuchsia in every colour format
| Format | Value |
|---|---|
| HEX | #FF00FF |
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| HSV | hsv(300, 100%, 100%) |
| CMYK | cmyk(0%, 100%, 0%, 0%) |
| CSS name | fuchsia |
| Contrast on white | 3.14:1 |
| Contrast on black | 6.70:1 |
Frequently asked questions
What is the hex code for Fuchsia?
#FF00FF (CSS name: fuchsia).
What is Fuchsia in RGB?
rgb(255, 0, 255)
What colour goes well with Fuchsia?
Its complementary colour #00FF00, or the analogous #8000FF and #FF0080.