- No data uploaded
- Instant results
Magenta — #FF00FF
Magenta is the CSS named colour magenta, 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.
Magenta — #FF00FF
Contrast on white 3.14:1 · on black 6.70:1
Tints
Shades
Complementary
Triadic
Analogous
Using Magenta in code
CSS: color: magenta; or color: #FF00FF; · Tailwind: text-[#FF00FF] · Android/Flutter: 0xFFFF00FF
Magenta colour harmonies
Complementary: #00FF00 · Triadic: #FFFF00, #00FFFF · Analogous: #8000FF, #FF0080. Use tints for backgrounds and shades for hover states.
Magenta 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 | magenta |
| Contrast on white | 3.14:1 |
| Contrast on black | 6.70:1 |
Frequently asked questions
What is the hex code for Magenta?
#FF00FF (CSS name: magenta).
What is Magenta in RGB?
rgb(255, 0, 255)
What colour goes well with Magenta?
Its complementary colour #00FF00, or the analogous #8000FF and #FF0080.