Pink Flamingo (#FC74FD)

HEX, RGB, HSL, CMYK values + mood/style/use-case color tags. Use this page to keep your colors consistent across web and print.

Preview

Sample Text
This is how text may look on this color.
Best text color: #000000
Contrast vs white: 2.32:1 — vs black: 9.06:1

Color values

  • HEX #FC74FD
  • RGB rgb(252, 116, 253)
  • HSL hsl(299, 97%, 72%)
  • CMYK cmyk( 0, 54, 0, 1 )
  • Websafe #FF66FF

Tags

Tip: tags are heuristic suggestions (helpful for browsing and inspiration).

Color Harmonies

Colors that pair well with #FC74FD based on color theory relationships.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Pink Flamingo
#FC74FD Base
#75FD74
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Pink Flamingo
#FC74FD Base
#B774FD
#FD74B9
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Pink Flamingo
#FC74FD Base
#FDFC74
#74FDFC
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Pink Flamingo
#FC74FD Base
#B9FD74
#74FDB7
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Pink Flamingo
#FC74FD Base
#FDB774
#75FD74
#74B9FD
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Pink Flamingo
#FC74FD Base
#D303D5
#FA29FC
#FB4CFC
#FD9CFE
#FEBFFE
#FEE6FF
Shades & Tints

Darker shades and lighter tints of Pink Flamingo, generated by adjusting lightness while keeping the same hue and saturation.

Shades (darker)

#190019
#5C015D
#9F02A1
#E303E4
#FB30FC
Pink Flamingo #FC74FD Base
#FC8BFD
#FDA2FE
#FDB8FE
#FECFFE
#FEE6FF
CSS & SCSS Snippets

Ready-to-use code snippets for #FC74FD. Click the copy button to copy any snippet to your clipboard.

CSS Properties
/* Background */
.element {
    background-color: #FC74FD;
}

/* Text */
.element {
    color: #FC74FD;
}

/* Border */
.element {
    border: 1px solid #FC74FD;
}
CSS Gradient
/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FC74FD,
        #75FD74
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FC74FD,
        #75FD74
    );
}
SCSS Variable
// SCSS variable
$pink-flamingo: #FC74FD;

// With RGB channels (useful for rgba() usage)
$pink-flamingo-r: 252;
$pink-flamingo-g: 116;
$pink-flamingo-b: 253;

// Usage
.element {
    background-color: $pink-flamingo;
    color: rgba($pink-flamingo-r, $pink-flamingo-g, $pink-flamingo-b, 0.8);
}
Color Blindness Simulation

How Pink Flamingo appears to people with different types of color vision deficiency.

Normal Vision #FC74FD How the color appears with full color vision.
Deuteranopia #ABABFB Deuteranopia affects ~8% of males. Green cones are absent, making it difficult to distinguish red from green. The most common form of color blindness.
Protanopia #8C8CFD Protanopia affects ~1% of males. Red cones are absent, causing reds to appear dark and indistinguishable from greens and browns.
Tritanopia #EF8F8F Tritanopia is rare (~0.003%). Blue cones are absent, making blue and yellow difficult to distinguish. Blues may appear green, yellows appear pink.
Achromatopsia #AAAAAA Achromatopsia is complete color blindness. The world is seen entirely in shades of grey. Affects ~1 in 30,000 people.
Similar Named Colors

The closest named colors to Pink Flamingo ranked by perceptual difference (Delta-E 2000 — lower = more similar).

Pink Flamingo #FC74FD Base
Fuchsia Pink #FF77FF ΔE 0.77
Ultra Pink #FF6FFF ΔE 0.80
Violet #EE82EE ΔE 3.49
Light Fuchsia Pink #F984EF ΔE 3.85

How to use this color

  1. Copy HEX for CSS and design tools, or RGB/HSL for UI adjustments.
  2. Use CMYK when preparing print assets (posters, packaging, brochures).
  3. Check contrast before using it for text or important UI elements.