Sky Magenta
Introducing Sky Magenta (#CF71AF), a vibrant color that occupies a unique space between pink and purple. This striking hue commands attention with its bright saturation, offering a bold yet sophisticated option for designers looking to make an impact.
What color is Sky Magenta?
Sky Magenta is a vibrant, medium-light pink with noticeable purple undertones.
It carries a cool temperature from its blue base, yet the dominant red gives it a lively, almost floral character.
What is the meaning of Sky Magenta (#CF71AF)?
Sky Magenta (#CF71AF) combines the playful charm of pink with the creative spirit of purple. It evokes feelings of imaginative whimsy and approachable sophistication, making it a color of artistic expression.
Symbolically, it represents a balance between passion and tranquility, suggesting innovation and emotional equilibrium without being overbearing.
How to apply Sky Magenta (#CF71AF) in UI design?
To make Sky Magenta (#CF71AF) effective in your design, set it against dark backgrounds for strong contrast or use it as an accent color on lighter, neutral palettes. It shines in a triadic color scheme with cyan and yellow, or alongside analogous purples and reds for a more cohesive feel. Consider the 60-30-10 rule, using Sky Magenta for that final 10% on key elements like buttons and icons.
While not a widely adopted brand color, its rarity can be a strength. A few notable brands, such as Uniswap, use a similar vibrant pink to build a distinct and energetic identity. Using a less frequent color like Sky Magenta can help a product appear unique and memorable.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Sky Magenta in real UI components from top brands.
Using Sky Magenta color codes
While #CF71AF is the standard web representation for Sky Magenta, your project might require a different format. Digital design tools often use RGB values for screen-based work, whereas projects destined for print will need the CMYK equivalent to maintain color accuracy on paper.
Each color model serves a specific purpose. RGB defines colors as a mix of red, green, and blue light for displays. CMYK uses cyan, magenta, yellow, and black ink for printing. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make color adjustments during the design process.
To help you get started, we've converted Sky Magenta (#CF71AF) into its corresponding values across various color models. You can find and copy the exact codes you need for your project below.
Analogous
Analogous colors are found next to Sky Magenta on the color wheel. This combination creates a harmonious and serene visual experience for users.
Complementary
To find Sky Magenta's complement, look directly across the color wheel. The resulting pair offers maximum visual contrast and a striking effect.
Split Complementary
The split complementary scheme pairs Sky Magenta with the two colors flanking its complement, creating a striking look with less tension than a direct pairing.
Triadic
A triadic color scheme for Sky Magenta involves two other colors that are equally spaced on the color wheel, creating a vibrant, high-contrast palette.
Tetradic
A tetradic color scheme for Sky Magenta uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors equidistant on the color wheel, creating a vibrant, high-contrast palette with Sky Magenta as a key component.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are created by mixing Sky Magenta with black, resulting in a deeper, weightier appearance.
Tints
Tints of Sky Magenta are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Sky Magenta are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues are variations of Sky Magenta, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.


























































































































