Fuchsia Pink
#FF77FFFuchsia Pink is #FF77FF, rgb(255, 119, 255). Short form: #F7F, the exact same color.
About Fuchsia Pink
Fuchsia Pink is the hex color #FF77FF, which translates to rgb(255, 119, 255) in RGB and hsl(300, 100%, 73%) in HSL. On the color wheel it sits at 300 degrees, with a saturation of 100 percent and a lightness of 73 percent. Its OKLCH chroma of 0.228 is high, so Fuchsia Pink is one of the more vivid pink tones here and is easy to overuse at large sizes.
How Fuchsia Pink compares
The closest standard CSS keyword is violet (#EE82EE), a CIE76 distance of 14.8 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is fuchsia-400 (#ED6AFF), at a distance of 8.6. Inside this library the closest neighbour is Heliotrope at 11.1. Sorted by lightness, Fuchsia Pink is number 18 of the 27 pink colors here.
Text on Fuchsia Pink
2 of the five common text colors below clear WCAG AA for normal text on Fuchsia Pink, led by Ink black at 8.51:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Fuchsia Pink already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 2.25:1 | Fail | Fail | Fail |
| Ink black #0F0F12 | 8.51:1 | Pass | Pass | Pass |
| Mid grey #6B7280 | 2.15:1 | Fail | Fail | Fail |
| Dark grey #374151 | 4.58:1 | Pass | Pass | Fail |
| Light grey #E5E7EB | 1.82:1 | Fail | Fail | Fail |
Building a palette around Fuchsia Pink
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Fuchsia Pink for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Fuchsia Pink locked and let it fill in the rest.
Full values for Fuchsia Pink
| Format | Value |
|---|---|
| HEX | #FF77FF |
| RGB | rgb(255, 119, 255) |
| HSL | hsl(300, 100%, 73%) |
| HSV | hsv(300, 53%, 100%) |
| CMYK | cmyk(0%, 53%, 0%, 0%) |
| OKLCH | oklch(77.58% 0.2277 327.49) |
| CIELAB | lab(70.65 69.03 -44.47) |
Frequently asked questions
What is the RGB value of Fuchsia Pink?
Fuchsia Pink (#FF77FF) is rgb(255, 119, 255): 255 red, 119 green and 255 blue on the 0 to 255 scale. Red and blue share the lead at 255 with green at 119, which puts the hue at 300 degrees. In HSL the same color is hsl(300, 100%, 73%).
What colour is #FF77FF?
#FF77FF is Fuchsia Pink, a light pink colour with a hue of 300 degrees, 100% saturation and 73% lightness. For print the CMYK breakdown is 0% cyan, 53% magenta, 0% yellow and 0% black. Its nearest neighbour in this library is Heliotrope, 11.1 away in CIELAB, a difference you can see.
Is Fuchsia Pink a CSS color name?
No. Fuchsia Pink is not one of the 148 CSS named colors, so write it as #FF77FF. The nearest keyword is violet (#EE82EE), a CIE76 distance of 14.8: far enough that the keyword reads as a different color.
Is #F7F the same as #FF77FF?
Yes. In a 3-digit hex code every digit is doubled, so #F7F expands to #FF77FF, which is Fuchsia Pink. Browsers render both identically; the short form only saves three characters.
What colors go with Fuchsia Pink?
Opposite Fuchsia Pink on the color wheel sits the complementary #77FF77, the boldest accent by hue. For a calmer scheme use the analogous neighbours #BB77FF and #FF77BB; for a balanced three-color scheme use the triadic pair #FFFF77 and #77FFFF. Of these, #FFFF77 has the most contrast against Fuchsia Pink, at 2.12:1, so pair it by hue, not for legibility.
What text color is readable on Fuchsia Pink?
Ink black (#0F0F12) is the most readable on Fuchsia Pink, at 8.51:1, which also clears WCAG AAA (7:1). 2 of the 5 common text colors tested pass AA for normal text.
Use Fuchsia Pink in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.