#ef53b9

Color #ef53b9

A vivid, highly saturated light magenta.

Closest named color Hot Pink #ff69b4 · ΔE 13.76 Nearest Tailwind class pink-400 #fb64b6 · ΔE 4.8

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

Conversions

HEX

#ef53b9

RGB

rgb(239, 83, 185)

HSL

hsl(320.8, 83%, 63.1%)

HSV / HSB

hsv(320.8, 65.3%, 93.7%)

CMYK

cmyk(0%, 65.3%, 22.6%, 6.3%)

LAB

lab(59.93, 69.36, -22.15)

LCH

lch(59.93, 72.81, 342.29)

OKLCH

oklch(68.3%, 0.2169, 344.21)

HWB

hwb(320.8, 32.5%, 6.3%)

Harmony colors

Complementary

#53ef89

Analogous

#d753ef

#ef53b9

#ef536b

Triadic

#ef53b9

#b9ef53

#53b9ef

Split-complementary

#ef53b9

#6bef53

#53efd7

Tetradic

#ef53b9

#ef8953

#53ef89

#53b9ef

Square

#ef53b9

#efd753

#53ef89

#536bef

Shades

Color #ef53b9 mixed toward black.

#ea22a5

#c41287

#930e65

#620943

#310522

Tints

Color #ef53b9 mixed toward white.

#f270c5

#f48cd0

#f7a9dc

#fac6e8

#fce2f3

Tones

Color #ef53b9 mixed toward gray.

#e260b5

#d56db1

#c87aad

#bb87a9

#ae94a5

Accessibility

Aa White text on this color

3.18:1

Aa Black text on this color

6.61:1

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

Under color vision deficiencies

Protanopia

#c0bfa7 · ΔE 45

Deuteranopia

#c7d0a3 · ΔE 56.9

Tritanopia

#ea9894 · ΔE 23.6

Achromatopsia

#909090 · ΔE 27.8

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

Code

CSS

background-color: #ef53b9;

Tailwind (arbitrary value)

bg-[#ef53b9]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Lavender Blush #fff0f5

Pale Violet Red #db7093

Frequently asked questions

#ef53b9 (#ef53b9) is rgb(239, 83, 185) in RGB.

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

Generate a palette → Check contrast