#ff41d8

Color #ff41d8

A vivid, highly saturated light magenta.

Closest named color Medium Orchid #ba55d3 · ΔE 27.56 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 8.1

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

Conversions

HEX

#ff41d8

RGB

rgb(255, 65, 216)

HSL

hsl(312.3, 100%, 62.7%)

HSV / HSB

hsv(312.3, 74.5%, 100%)

CMYK

cmyk(0%, 74.5%, 15.3%, 0%)

LAB

lab(61.66, 83.25, -36.91)

LCH

lch(61.66, 91.07, 336.09)

OKLCH

oklch(70.5%, 0.2659, 337.84)

HWB

hwb(312.3, 25.5%, 0%)

Harmony colors

Complementary

#41ff68

Analogous

#c741ff

#ff41d8

#ff4179

Triadic

#ff41d8

#d8ff41

#41d8ff

Split-complementary

#ff41d8

#79ff41

#41ffc7

Tetradic

#ff41d8

#ff6841

#41ff68

#41d8ff

Square

#ff41d8

#ffc741

#41ff68

#4179ff

Shades

Color #ff41d8 mixed toward black.

#ff0bcd

#d500a9

#a0007f

#6b0055

#35002a

Tints

Color #ff41d8 mixed toward white.

#ff60df

#ff80e5

#ffa0ec

#ffc0f2

#ffdff9

Tones

Color #ff41d8 mixed toward gray.

#ef51cf

#df60c5

#cf70bc

#c080b3

#b090a9

Accessibility

Aa White text on this color

3:1

Aa Black text on this color

7:1

Black text reads better on this background (7:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#cac9c1 · ΔE 39.2

Deuteranopia

#d2dcbb · ΔE 57.1

Tritanopia

#faaca7 · ΔE 29.1

Achromatopsia

#959595 · ΔE 29.9

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

Code

CSS

background-color: #ff41d8;

Tailwind (arbitrary value)

bg-[#ff41d8]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#ff41d8 (#ff41d8) is rgb(255, 65, 216) in RGB.

No, #ff41d8 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 #ff41d8, or check how it holds up for accessibility.

Generate a palette → Check contrast