Maroon Colors  ·  Color Library

Palettes / Colors / #C910EC

#C910EC — Vivid Pink

#C910EC 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 #C910EC 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.

#C910EC is a cool 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 #34EA10; it also sits naturally between #5910EA and #EA10A1. In the palettes below you can see it working alongside real color combinations from our collection.

#C910EC · RGB 201, 16, 236

Download PNG swatch SVG

Color values

HEX#C910EC
RGB201, 16, 236
HSL290°, 87%, 49%
HSV290°, 93%, 93%
CMYK15%, 93%, 0%, 7%
XYZ39.41, 18.84, 80.92
Yxy18.84, 0.2832, 0.1354
CIE-Lab50.50, 86.20, -66.49
Hunter Lab43.41, 89.82, -85.67

RGB & CMYK percentages

Red 79% · Green 6% · Blue 93%

Cyan 15% · Magenta 93% · Yellow 0% · Key 7%

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

Previews

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

CSS code for #C910EC

.text { color: #C910EC; }
.background { background-color: #C910EC; }
.border { border: 3px solid #C910EC; }
.text-rgb { color: rgb(201, 16, 236); }
.text-hsl { color: hsl(290, 87%, 49%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C910EC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(201, 16, 236, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C910EC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(201, 16, 236, 0.8); }

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

Shades of #C910EC

#B50FD7#A10DBF#910CAC#7D0A94#6D0981#590769#490656#34043E#24032B#100113

Tints of #C910EC

#CE24F0#D237F1#D74FF3#DD66F4#E27EF6#E691F7#ECA9F9#F1C1FB#F5D4FC#FBECFE

Tones of #C910EC

#BB1FDB#B12FCA#A73EBB#9C4FAB#925E9C#876E8C

Color harmonies

Complementary — #34EA10:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.40:1 AA large only
Against black text4.77:1 AA

Best text color on #C910EC: #000000.

Semi-transparent (opacity) text on #C910EC

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

How #C910EC looks with color blindness

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

Protanopia · #7977B7Deuteranopia · #8492AATritanopia · #C08D84

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 600 · #C026D3Tailwind fuchsia 500 · #D946EFTailwind purple 600 · #9333EA

Palettes with a similar color

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

Tranquil Twilight
#25090E · #D7FE3D · #C313FA · #5384F9
Hidden Marble
#26C616 · #67EA49 · #D01AE2 · #EEA1ED
Misty Ruby Marble
#7238E6 · #DC17EC · #E83089 · #EE5240
Silent Aurora
#0F25B4 · #733ADD · #C424E6 · #E958BE
Crystal Lagoon
#5BE0E2 · #1D67E4 · #3917A7 · #C725E5
Velvet Harbor
#1B180B · #FA4C7A · #1340FA · #DB13FA

Similar colors

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

#C313FA#D01AE2#DC17EC#C424E6#C725E5#DB13FA#B819FA#BF27EB#C72CE6#B81FDA#C52CF9#BF2EF0

Browse neighbouring colors

← #C910EB  ·  #C910ED →

Frequently asked questions

What color is #C910EC?

#C910EC is Vivid Pink, a pink color (RGB 201, 16, 236). Its closest standard named color is Fuchsia.

What is the RGB and HSL of #C910EC?

#C910EC is RGB 201, 16, 236 — HSL 290°, 87%, 49% — CMYK 15%, 93%, 0%, 7%.

What colors go with #C910EC?

Its complement is #34EA10; analogous partners are #5910EA and #EA10A1. It also appears in 6+ palettes in our collection.

Can I use #C910EC for text?

Black text on #C910EC has a contrast ratio of 4.77:1 (passes WCAG AA); white text gives 4.40:1.