#cd64be

Color #cd64be

A moderately saturated medium magenta.

Closest named color Orchid #da70d6 · ΔE 7.86 Nearest Tailwind class pink-400 #fb64b6 · ΔE 9.6

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

Conversions

HEX

#cd64be

RGB

rgb(205, 100, 190)

HSL

hsl(308.6, 51.2%, 59.8%)

HSV / HSB

hsv(308.6, 51.2%, 80.4%)

CMYK

cmyk(0%, 51.2%, 7.3%, 19.6%)

LAB

lab(57.86, 53.27, -28.62)

LCH

lch(57.86, 60.47, 331.75)

OKLCH

oklch(65.9%, 0.1715, 333.02)

HWB

hwb(308.6, 39.2%, 19.6%)

Harmony colors

Complementary

#64cd73

Analogous

#a864cd

#cd64be

#cd6489

Triadic

#cd64be

#becd64

#64becd

Split-complementary

#cd64be

#89cd64

#64cda8

Tetradic

#cd64be

#cd7364

#64cd73

#64becd

Square

#cd64be

#cda864

#64cd73

#6489cd

Shades

Color #cd64be mixed toward black.

#c03ead

#9a328b

#732568

#4d1945

#260c23

Tints

Color #cd64be mixed toward white.

#d57ec9

#de98d4

#e6b2de

#eecbe9

#f7e5f4

Tones

Color #cd64be mixed toward gray.

#c46db8

#bb75b1

#b37eab

#aa87a5

#a1909f

Accessibility

Aa White text on this color

3.41:1

Aa Black text on this color

6.16:1

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

Under color vision deficiencies

Protanopia

#aaa9ae · ΔE 26.3

Deuteranopia

#afb6a9 · ΔE 40.3

Tritanopia

#c99f9c · ΔE 24.8

Achromatopsia

#8b8b8b · ΔE 26.1

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

Code

CSS

background-color: #cd64be;

Tailwind (arbitrary value)

bg-[#cd64be]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#cd64be (#cd64be) is rgb(205, 100, 190) in RGB.

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

Generate a palette → Check contrast