#fa15e3

Color #fa15e3

A vivid, highly saturated medium magenta.

Closest named color Fuchsia #ff00ff · ΔE 14.07 Nearest Tailwind class fuchsia-500 #e12afb · ΔE 5.7

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#fa15e3

RGB

rgb(250, 21, 227)

HSL

hsl(306, 95.8%, 53.1%)

HSV / HSB

hsv(306, 91.6%, 98%)

CMYK

cmyk(0%, 91.6%, 9.2%, 2%)

LAB

lab(58.43, 92.18, -48.26)

LCH

lch(58.43, 104.05, 332.37)

OKLCH

oklch(68.2%, 0.2987, 333.61)

HWB

hwb(306, 8.2%, 2%)

Harmony colors

Complementary

#15fa2c

Analogous

#9e15fa

#fa15e3

#fa1570

Triadic

#fa15e3

#e3fa15

#15e3fa

Split-complementary

#fa15e3

#70fa15

#15fa9e

Tetradic

#fa15e3

#fa2c15

#15fa2c

#15e3fa

Square

#fa15e3

#fa9e15

#15fa2c

#1570fa

Shades

Color #fa15e3 mixed toward black.

#dd05c7

#b1049f

#850378

#580250

#2c0128

Tints

Color #fa15e3 mixed toward white.

#fb3ce8

#fc63ec

#fc8af1

#fdb1f6

#fed8fa

Tones

Color #fa15e3 mixed toward gray.

#e728d4

#d43bc5

#c14eb5

#ae61a6

#9b7497

Accessibility

Aa White text on this color

3.34:1

Aa Black text on this color

6.28:1

Black text reads better on this background (6.28:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#c3c2c9 · ΔE 33.6

Deuteranopia

#cbd6c2 · ΔE 54

Tritanopia

#f4b1ab · ΔE 33.1

Achromatopsia

#8c8c8c · ΔE 31.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #fa15e3;

Tailwind (arbitrary value)

bg-[#fa15e3]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#fa15e3 (#fa15e3) is rgb(250, 21, 227) in RGB.

No, #fa15e3 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #fa15e3, or check how it holds up for accessibility.

Generate a palette → Check contrast