ColrShiftFF00FF (fuchsia) — RGB, HSL, CMYK and Contrast
A pink at 50% lightness and 100% saturation, which puts it at 3.14:1 against white and 6.70:1 against black. The tables below give the notation conversions, the tints and shades that keep the hue intact, and the harmonies that pair with it.
Notation conversions
| Notation | Value |
|---|---|
| HEX | FF00FF |
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| CMYK | cmyk(0%, 100%, 0%, 0%) |
| Relative luminance | 0.2848 |
| Perceived brightness | 41.3 / 100 |
Contrast against pure white and pure black
Pair this colour with the two extremes to see which is the safer text partner. AA needs 4.5:1 for body text and 3:1 for large text; AAA raises that to 7:1 and 4.5:1.
| Against | Hex | Ratio | AA text | AA large | AAA text |
|---|---|---|---|---|---|
| #FFFFFF | white | 3.14:1 | fail | pass | fail |
| #000000 | black | 6.70:1 | pass | pass | fail |
Tints and shades
Lightness moves in ten-point steps while hue and saturation stay fixed, which keeps the colour recognisable in a scale. The last column is the ratio against white text, useful for deciding where a scale stops working as a background.
| Step | Hex | HSL | vs white text |
|---|---|---|---|
| shade -30 | #660066 | hsl(300, 100%, 20%) | 11.95:1 |
| shade -20 | #990099 | hsl(300, 100%, 30%) | 7.46:1 |
| shade -10 | #cc00cc | hsl(300, 100%, 40%) | 4.73:1 |
| tint +10 | #ff33ff | hsl(300, 100%, 60%) | 2.93:1 |
| tint +20 | #ff66ff | hsl(300, 100%, 70%) | 2.44:1 |
| tint +30 | #ff99ff | hsl(300, 100%, 80%) | 1.87:1 |
Harmonies
| Scheme | Hex |
|---|---|
| Complementary | #00ff00 |
| Analogous −30 | #8000ff |
| Analogous +30 | #ff0080 |
| Triadic −120 | #00ffff |
| Triadic +120 | #ffff00 |
Measured rather than eyeballed: hue 300.0°, saturation 100.0%, lightness 50.0%, relative luminance 0.2848 — four decimals is the precision the WCAG formula actually needs — and perceived brightness 41.3 out of 100. Entry 50 of 69 in this library, it scores 3.14:1 on white and 6.70:1 on black, a 3.56 spread. The complementary #00ff00 sits 180° away on the wheel, and the scale brackets it with #660066 below and #ff99ff above.
Nearby colours
Frequently asked questions
What text colour should sit on FF00FF?
Black gives 6.70:1 and white gives 3.14:1, so black wins at 6.70:1. That clears the 4.5:1 AA threshold for normal text, but not the 7:1 AAA threshold.
Do the CMYK numbers match a print workflow?
They are the naive conversion from RGB, which assumes no ink limit, no colour profile and no black generation strategy. Real print work needs a profile-aware conversion; the values here are the ones the converter reports and are best used as a starting point for a designer rather than a press-ready separations file.
Convert any other colour, or test a pair against each other, in the ColrShift colour converter and contrast checker. The colour library groups every entry on this site by hue family.