Maroon Colors  ·  Color Library

Palettes / Colors / #FD3EFC

#FD3EFC — Vivid Pink

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

#FD3EFC 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 #3FFD3F; it also sits naturally between #9E3FFD and #FD3F9E. In the palettes below you can see it working alongside real color combinations from our collection.

#FD3EFC · RGB 253, 62, 252

Download PNG swatch SVG

Color values

HEX#FD3EFC
RGB253, 62, 252
HSL300°, 98%, 62%
HSV300°, 75%, 99%
CMYK0%, 75%, 0%, 1%
XYZ59.80, 31.36, 95.00
Yxy31.36, 0.3212, 0.1684
CIE-Lab62.81, 88.76, -55.23
Hunter Lab56.00, 97.14, -66.91

RGB & CMYK percentages

Red 99% · Green 24% · Blue 99%

Cyan 0% · Magenta 75% · Yellow 0% · Key 1%

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

Previews

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

CSS code for #FD3EFC

.text { color: #FD3EFC; }
.background { background-color: #FD3EFC; }
.border { border: 3px solid #FD3EFC; }
.text-rgb { color: rgb(253, 62, 252); }
.text-hsl { color: hsl(300, 98%, 62%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FD3EFC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(253, 62, 252, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FD3EFC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(253, 62, 252, 0.8); }

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

Shades of #FD3EFC

#FD21FD#FC03FC#E302E3#C502C5#A702A7#880188#6A016A#510151#320132#140014

Tints of #FD3EFC

#FD4EFD#FD62FD#FE72FE#FE86FE#FE95FE#FEA4FE#FEB8FE#FEC7FE#FFDCFF#FFEBFF

Tones of #FD3EFC

#EF4DEF#E25AE2#D468D4#C775C7#B983B9#AC91AC

Color harmonies

Complementary — #3FFD3F:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.89:1 Fails
Against black text7.27:1 AAA

Best text color on #FD3EFC: #000000.

How #FD3EFC looks with color blindness

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

Protanopia · #AAA9CEDeuteranopia · #B5C4C3Tritanopia · #F3AAA2

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 purple 500 · #A855F7

Palettes with a similar color

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

Mellow Ruby Horizon
#0D1708 · #FE4EC8 · #FD3EFB · #F9943D
Tranquil Ruby Dusk
#201007 · #F237F8 · #32FADB · #47BBF8
Frozen Canyon
#0A1A23 · #94FA54 · #F93910 · #FB36F0
Palette Bf2ef0
#BF2EF0 · #ED3EF7 · #FEECB3 · #FFF6EA
Vivid Petal
#2C260E · #25FCD6 · #FA2C6C · #FB2CFB
Silent Meadow
#0D2819 · #FE4F2A · #F947EC · #4F46FF

Similar colors

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

#FD3EFB#F237F8#FB36F0#ED3EF7#FB2CFB#F947EC#FB2BF8#FA4AEC#EA46FC#FA35E7#E748F8#F856F0

Browse neighbouring colors

← #FD3EFB  ·  #FD3EFD →

Frequently asked questions

What color is #FD3EFC?

#FD3EFC is Vivid Pink, a pink color (RGB 253, 62, 252). Its closest standard named color is Fuchsia.

What is the RGB and HSL of #FD3EFC?

#FD3EFC is RGB 253, 62, 252 — HSL 300°, 98%, 62% — CMYK 0%, 75%, 0%, 1%.

What colors go with #FD3EFC?

Its complement is #3FFD3F; analogous partners are #9E3FFD and #FD3F9E. It also appears in 6+ palettes in our collection.

Can I use #FD3EFC for text?

Black text on #FD3EFC has a contrast ratio of 7.27:1 (passes WCAG AA); white text gives 2.89:1.