#dc5efb

Color #dc5efb

A vivid, highly saturated light purple.

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

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

Conversions

HEX

#dc5efb

RGB

rgb(220, 94, 251)

HSL

hsl(288.2, 95.2%, 67.6%)

HSV / HSB

hsv(288.2, 62.5%, 98.4%)

CMYK

cmyk(12.4%, 62.5%, 0%, 1.6%)

LAB

lab(61.82, 70.69, -56.54)

LCH

lch(61.82, 90.52, 321.35)

OKLCH

oklch(70.1%, 0.2417, 319.18)

HWB

hwb(288.2, 36.9%, 1.6%)

Harmony colors

Complementary

#7dfb5e

Analogous

#8d5efb

#dc5efb

#fb5ecb

Triadic

#dc5efb

#fbdc5e

#5efbdc

Split-complementary

#dc5efb

#cbfb5e

#5efb8d

Tetradic

#dc5efb

#fb5e7d

#7dfb5e

#5efbdc

Square

#dc5efb

#fb8d5e

#7dfb5e

#5ecbfb

Shades

Color #dc5efb mixed toward black.

#d026fa

#b506e0

#8804a8

#5b0370

#2d0138

Tints

Color #dc5efb mixed toward white.

#e279fc

#e893fc

#eeaefd

#f3c9fe

#f9e4fe

Tones

Color #dc5efb mixed toward gray.

#d46bee

#cc78e1

#c485d4

#bc92c7

#b49fb9

Accessibility

Aa White text on this color

2.98:1

Aa Black text on this color

7.04:1

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

Under color vision deficiencies

Protanopia

#b4b3e2 · ΔE 23.4

Deuteranopia

#bac1db · ΔE 26.9

Tritanopia

#d8cbc5 · ΔE 35.6

Achromatopsia

#959595 · ΔE 29.8

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

Code

CSS

background-color: #dc5efb;

Tailwind (arbitrary value)

bg-[#dc5efb]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#dc5efb (#dc5efb) is rgb(220, 94, 251) in RGB.

No, #dc5efb is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast