#cf16ad

Color #cf16ad

A vivid, highly saturated medium magenta.

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

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

Conversions

HEX

#cf16ad

RGB

rgb(207, 22, 173)

HSL

hsl(311, 80.8%, 44.9%)

HSV / HSB

hsv(311, 89.4%, 81.2%)

CMYK

cmyk(0%, 89.4%, 16.4%, 18.8%)

LAB

lab(48.08, 77.19, -33.95)

LCH

lch(48.08, 84.33, 336.26)

OKLCH

oklch(58.6%, 0.2472, 338.05)

HWB

hwb(311, 8.6%, 18.8%)

Harmony colors

Complementary

#16cf38

Analogous

#9416cf

#cf16ad

#cf1651

Triadic

#cf16ad

#adcf16

#16adcf

Split-complementary

#cf16ad

#51cf16

#16cf94

Tetradic

#cf16ad

#cf3816

#16cf38

#16adcf

Square

#cf16ad

#cf9416

#16cf38

#1651cf

Shades

Color #cf16ad mixed toward black.

#ad1290

#8a0f73

#680b57

#45073a

#23041d

Tints

Color #cf16ad mixed toward white.

#e92bc6

#ed56d1

#f280dd

#f6aae8

#fbd5f4

Tones

Color #cf16ad mixed toward gray.

#c025a3

#b0359a

#a14490

#915486

#82637c

Accessibility

Aa White text on this color

4.8:1

Aa Black text on this color

4.37:1

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

Under color vision deficiencies

Protanopia

#a1a099 · ΔE 38.5

Deuteranopia

#a8b194 · ΔE 55.3

Tritanopia

#ca8782 · ΔE 29.3

Achromatopsia

#727272 · ΔE 29.2

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

Code

CSS

background-color: #cf16ad;

Tailwind (arbitrary value)

bg-[#cf16ad]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#cf16ad (#cf16ad) is rgb(207, 22, 173) in RGB.

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

Generate a palette → Check contrast