#cf00b1

Color #cf00b1

A vivid, highly saturated medium magenta.

Closest named color Dark Magenta #8b008b · ΔE 22.92 Nearest Tailwind class fuchsia-600 #c800de · ΔE 7.2

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

Conversions

HEX

#cf00b1

RGB

rgb(207, 0, 177)

HSL

hsl(308.7, 100%, 40.6%)

HSV / HSB

hsv(308.7, 100%, 81.2%)

CMYK

cmyk(0%, 100%, 14.5%, 18.8%)

LAB

lab(47.55, 79.85, -37.15)

LCH

lch(47.55, 88.07, 335.05)

OKLCH

oklch(58.3%, 0.2569, 336.73)

HWB

hwb(308.7, 0%, 18.8%)

Harmony colors

Complementary

#00cf1e

Analogous

#8600cf

#cf00b1

#cf004a

Triadic

#cf00b1

#b1cf00

#00b1cf

Split-complementary

#cf00b1

#4acf00

#00cf86

Tetradic

#cf00b1

#cf1e00

#00cf1e

#00b1cf

Square

#cf00b1

#cf8600

#00cf1e

#004acf

Shades

Color #cf00b1 mixed toward black.

#ad0094

#8a0076

#680059

#45003b

#23001e

Tints

Color #cf00b1 mixed toward white.

#ff03da

#ff35e2

#ff68e9

#ff9af0

#ffcdf8

Tones

Color #cf00b1 mixed toward gray.

#be11a5

#ad2399

#9b348c

#8a4580

#795674

Accessibility

Aa White text on this color

4.9:1

Aa Black text on this color

4.29:1

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

Under color vision deficiencies

Protanopia

#a09f9c · ΔE 36.1

Deuteranopia

#a8b097 · ΔE 54.1

Tritanopia

#ca8984 · ΔE 30.5

Achromatopsia

#717171 · ΔE 29.6

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

Code

CSS

background-color: #cf00b1;

Tailwind (arbitrary value)

bg-[#cf00b1]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#cf00b1 (#cf00b1) is rgb(207, 0, 177) in RGB.

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

Generate a palette → Check contrast