Maroon Colors  ·  Color Library

Palettes / Colors / #FE39EE

#FE39EE — Vivid Pink

#FE39EE is a pink color we call Vivid Pink, closest to the named color Fuchsia (#FF00FF). It belongs to the pink family.

Color name

Closest CSS keyword: fuchsia (#FF00FF) — not an exact match. CSS fuchsia gives you #FF00FF, a different color; use #FE39EE when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#FE39EE is a warm-leaning pink color associated with playfulness, romance and softness. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #39FE4A; it also sits naturally between #AC39FE and #FE398B. In the palettes below you can see it working alongside real color combinations from our collection.

#FE39EE · RGB 254, 57, 238

Download PNG swatch SVG

Color values

HEX#FE39EE
RGB254, 57, 238
HSL305°, 99%, 61%
HSV305°, 78%, 100%
CMYK0%, 78%, 6%, 0%
XYZ57.77, 30.17, 83.67
Yxy30.17, 0.3366, 0.1758
CIE-Lab61.80, 88.19, -49.05
Hunter Lab54.93, 96.05, -56.96

RGB & CMYK percentages

Red 100% · Green 22% · Blue 93%

Cyan 0% · Magenta 78% · Yellow 6% · Key 0%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FE39EE on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FE39EE on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FE39EE

.text { color: #FE39EE; }
.background { background-color: #FE39EE; }
.border { border: 3px solid #FE39EE; }
.text-rgb { color: rgb(254, 57, 238); }
.text-hsl { color: hsl(305, 99%, 61%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FE39EE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(254, 57, 238, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FE39EE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(254, 57, 238, 0.8); }

HTML: <p style="color:#FE39EE">Text here</p> · <div style="background-color:#FE39EE">Div content here</div>

Shades of #FE39EE

#FE1BEB#FE01E9#DF01CD#C101B1#A7019A#89017E#6B0162#4C0046#33002F#140013

Tints of #FE39EE

#FE4DEF#FE5DF1#FE71F3#FE80F4#FE94F6#FFA4F7#FFB8F9#FFC7FA#FFDBFC#FFEBFD

Tones of #FE39EE

#F047E2#E255D6#D463CB#C572BE#B780B3#A98EA7

Color harmonies

Complementary — #39FE4A:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.99:1 Fails
Against black text7.03:1 AAA

Best text color on #FE39EE: #000000.

Semi-transparent (opacity) text on #FE39EE

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #FE39EE: ·

How #FE39EE looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #A9A7C2Deuteranopia · #B4C3B8Tritanopia · #F4A098

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind fuchsia 500 · #D946EFTailwind fuchsia 600 · #C026D3Tailwind pink 500 · #EC4899

Palettes with a similar color

These palettes use a close neighbour of #FE39EE rather than the exact color:

Frozen Canyon
#0A1A23 · #94FA54 · #F93910 · #FB36F0
Silent Ruby Mosaic
#151B0B · #FA35E7 · #2264FE · #45F7D5
Mellow Ruby Horizon
#0D1708 · #FE4EC8 · #FD3EFB · #F9943D
Silent Meadow
#0D2819 · #FE4F2A · #F947EC · #4F46FF
Tranquil Ruby Dusk
#201007 · #F237F8 · #32FADB · #47BBF8
Burning Ruby Summit
#092C2A · #FD1027 · #F84398 · #FC32DF

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FB36F0#FA35E7#FD3EFB#F947EC#F237F8#FC32DF#FB2BF8#FA4AEC#FB2CFB#ED3EF7#FC43DC#FC46DE

Browse neighbouring colors

← #FE39ED  ·  #FE39EF →

Frequently asked questions

What color is #FE39EE?

#FE39EE is Vivid Pink, a pink color (RGB 254, 57, 238). Its closest standard named color is Fuchsia.

What is the RGB and HSL of #FE39EE?

#FE39EE is RGB 254, 57, 238 — HSL 305°, 99%, 61% — CMYK 0%, 78%, 6%, 0%.

What colors go with #FE39EE?

Its complement is #39FE4A; analogous partners are #AC39FE and #FE398B. It also appears in 6+ palettes in our collection.

Can I use #FE39EE for text?

Black text on #FE39EE has a contrast ratio of 7.03:1 (passes WCAG AA); white text gives 2.99:1.