#ce1dab

Color #ce1dab

A vivid, highly saturated medium magenta.

Closest named color Medium Violet Red #c71585 · ΔE 18.37 Nearest Tailwind class fuchsia-600 #c800de · ΔE 8.4

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

Conversions

HEX

#ce1dab

RGB

rgb(206, 29, 171)

HSL

hsl(311.9, 75.3%, 46.1%)

HSV / HSB

hsv(311.9, 85.9%, 80.8%)

CMYK

cmyk(0%, 85.9%, 17%, 19.2%)

LAB

lab(48.19, 75.61, -32.62)

LCH

lch(48.19, 82.35, 336.66)

OKLCH

oklch(58.6%, 0.2418, 338.51)

HWB

hwb(311.9, 11.4%, 19.2%)

Harmony colors

Complementary

#1dce40

Analogous

#991dce

#ce1dab

#ce1d52

Triadic

#ce1dab

#abce1d

#1dabce

Split-complementary

#ce1dab

#52ce1d

#1dce99

Tetradic

#ce1dab

#ce401d

#1dce40

#1dabce

Square

#ce1dab

#ce991d

#1dce40

#1d52ce

Shades

Color #ce1dab mixed toward black.

#ac188e

#891372

#670f55

#450a39

#22051c

Tints

Color #ce1dab mixed toward white.

#e336c0

#e85ecd

#ee87d9

#f4afe6

#f9d7f2

Tones

Color #ce1dab mixed toward gray.

#bf2ca2

#b13b99

#a24990

#935887

#84677e

Accessibility

Aa White text on this color

4.79:1

Aa Black text on this color

4.39:1

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

Under color vision deficiencies

Protanopia

#a1a097 · ΔE 39.6

Deuteranopia

#a8b092 · ΔE 55

Tritanopia

#c98581 · ΔE 28.4

Achromatopsia

#727272 · ΔE 28.9

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

Code

CSS

background-color: #ce1dab;

Tailwind (arbitrary value)

bg-[#ce1dab]

Related colors

Orchid #da70d6

Medium Violet Red #c71585

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#ce1dab (#ce1dab) is rgb(206, 29, 171) in RGB.

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

Generate a palette → Check contrast