Maroon Colors  ·  Color Library

Palettes / Colors / #FF2EBC

#FF2EBC — Vivid Pink

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

Color name

Closest CSS keyword: deeppink (#FF1493) — not an exact match. CSS deeppink gives you #FF1493, a different color; use #FF2EBC 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.

#FF2EBC 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 #2EFF70; it also sits naturally between #D92EFF and #FF2E54. In the palettes below you can see it working alongside real color combinations from our collection.

#FF2EBC · RGB 255, 46, 188

Download PNG swatch SVG

Color values

HEX#FF2EBC
RGB255, 46, 188
HSL319°, 100%, 59%
HSV319°, 82%, 100%
CMYK0%, 82%, 26%, 0%
XYZ51.29, 26.84, 50.06
Yxy26.84, 0.4001, 0.2094
CIE-Lab58.83, 84.53, -25.34
Hunter Lab51.81, 90.22, -24.75

RGB & CMYK percentages

Red 100% · Green 18% · Blue 74%

Cyan 0% · Magenta 82% · Yellow 26% · Key 0%

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

Previews

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

CSS code for #FF2EBC

.text { color: #FF2EBC; }
.background { background-color: #FF2EBC; }
.border { border: 3px solid #FF2EBC; }
.text-rgb { color: rgb(255, 46, 188); }
.text-hsl { color: hsl(319, 100%, 59%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FF2EBC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(255, 46, 188, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FF2EBC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(255, 46, 188, 0.8); }

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

Shades of #FF2EBC

#FF14B5#F500A7#DB0096#BD0081#A30070#85005B#6B0049#4D0034#330023#14000E

Tints of #FF2EBC

#FF42C3#FF52C8#FF66CF#FF7AD5#FF8FDB#FF9EE0#FFB3E7#FFC7ED#FFD6F2#FFEBF9

Tones of #FF2EBC

#F03DB7#E14CB2#D25BAC#C369A7#B578A2#A5889C

Color harmonies

Complementary — #2EFF70:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.30:1 AA large only
Against black text6.37:1 AA

Best text color on #FF2EBC: #000000.

Semi-transparent (opacity) text on #FF2EBC

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 #FF2EBC: ·

How #FF2EBC looks with color blindness

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

Protanopia · #A5A39ADeuteranopia · #B1C091Tritanopia · #F57F79

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 fuchsia 600 · #C026D3Tailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Dreamy Ruby Opal
#0C322C · #FBB14E · #F734BD · #5F2CFF
Burning Lagoon
#0D0E29 · #B4F615 · #4FFBC1 · #FD3BC0
Cosmic Ruby Lagoon
#38180C · #C93DFB · #ABF723 · #FB2AC9
Misty Ruby Tempest
#35230D · #FD37C8 · #5842FA · #993DFA
Silent Ruby Meadow
#0E0818 · #0EFCF0 · #F72EAF · #8BFE42
Cosmic Saffron
#0D1721 · #FA2F47 · #FF33CD · #EAFD43

Similar colors

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

#F734BD#FD3BC0#FB2AC9#FD37C8#F72EAF#FF33CD#FA39AE#FD23AD#EC34B7#FF2DD1#FA41C5#FA43BB

Browse neighbouring colors

← #FF2EBB  ·  #FF2EBD →

Frequently asked questions

What color is #FF2EBC?

#FF2EBC is Vivid Pink, a pink color (RGB 255, 46, 188). Its closest standard named color is DeepPink.

What is the RGB and HSL of #FF2EBC?

#FF2EBC is RGB 255, 46, 188 — HSL 319°, 100%, 59% — CMYK 0%, 82%, 26%, 0%.

What colors go with #FF2EBC?

Its complement is #2EFF70; analogous partners are #D92EFF and #FF2E54. It also appears in 6+ palettes in our collection.

Can I use #FF2EBC for text?

Black text on #FF2EBC has a contrast ratio of 6.37:1 (passes WCAG AA); white text gives 3.30:1.