Maroon Colors  ·  Color Library

Palettes / Colors / #FA3DA2

#FA3DA2 — Vivid Pink

#FA3DA2 is a pink color we call Vivid Pink, closest to the named color DeepPink (#FF1493). It belongs to the pink family.

#FA3DA2 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 #3DFA95; it also sits naturally between #F43DFA and #FA3D43. In the palettes below you can see it working alongside real color combinations from our collection.

#FA3DA2 · RGB 250, 61, 162

Download PNG swatch SVG

Color values

HEX#FA3DA2
RGB250, 61, 162
HSL328°, 95%, 61%
HSV328°, 76%, 98%
CMYK0%, 76%, 35%, 2%
XYZ47.61, 26.27, 36.74
Yxy26.27, 0.4304, 0.2375
CIE-Lab58.29, 76.88, -11.15
Hunter Lab51.25, 80.12, -9.78

RGB & CMYK percentages

Red 98% · Green 24% · Blue 64%

Cyan 0% · Magenta 76% · Yellow 35% · Key 2%

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

Previews

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

CSS code for #FA3DA2

.text { color: #FA3DA2; }
.background { background-color: #FA3DA2; }
.border { border: 3px solid #FA3DA2; }
.text-rgb { color: rgb(250, 61, 162); }
.text-hsl { color: hsl(328, 95%, 61%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FA3DA2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(250, 61, 162, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FA3DA2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(250, 61, 162, 0.8); }

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

Shades of #FA3DA2

#F91F94#F90688#DB0677#BD0567#A40459#860349#680339#4B0229#32011B#14010B

Tints of #FA3DA2

#FB51AB#FB60B3#FB74BC#FC83C3#FC97CD#FDA5D4#FDB9DE#FEC8E5#FEDCEE#FEEBF5

Tones of #FA3DA2

#EC4BA1#DF58A0#D1669F#C4739E#B6819D#A98E9C

Color harmonies

Complementary — #3DFA95:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.36:1 AA large only
Against black text6.25:1 AA

Best text color on #FA3DA2: #000000.

How #FA3DA2 looks with color blindness

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

Protanopia · #A8A68ADeuteranopia · #B3C184Tritanopia · #F17672

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 pink 500 · #EC4899Tailwind pink 600 · #DB2777Tailwind rose 500 · #F43F5E

Palettes with a similar color

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

Wild Ruby Meadow
#0D2B0F · #18BFFD · #FC914D · #FC3A9E
Palette 57375d
#57375D · #FF3FA4 · #FF9B82 · #FFC8C8
Palette 6420aa
#6420AA · #FF3EA5 · #FF7ED4 · #FFB5DA
Palette Ff3e9b
#FF3E9B · #FF88BA · #3A8B95 · #66D0BC
Velvet Ruby Monsoon
#12370B · #FE37A7 · #FD1DE0 · #FCA63B
Palette 00ead3
#00EAD3 · #FFF5B7 · #FF449F · #005F99

Similar colors

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

#FC3A9E#FF3FA4#FF3EA5#FF3E9B#FE37A7#FF449F#FC46A3#F84398#FA39AE#ED37A5#FC4A9A#EC3CAC

Browse neighbouring colors

← #FA3DA1  ·  #FA3DA3 →

Frequently asked questions

What color is #FA3DA2?

#FA3DA2 is Vivid Pink, a pink color (RGB 250, 61, 162). Its closest standard named color is DeepPink.

What is the RGB and HSL of #FA3DA2?

#FA3DA2 is RGB 250, 61, 162 — HSL 328°, 95%, 61% — CMYK 0%, 76%, 35%, 2%.

What colors go with #FA3DA2?

Its complement is #3DFA95; analogous partners are #F43DFA and #FA3D43. It also appears in 6+ palettes in our collection.

Can I use #FA3DA2 for text?

Black text on #FA3DA2 has a contrast ratio of 6.25:1 (passes WCAG AA); white text gives 3.36:1.