#cf89cb

Color #cf89cb

A moderately saturated light magenta.

Closest named color Plum #dda0dd · ΔE 8.65 Nearest Tailwind class fuchsia-300 #f4a8ff · ΔE 10.2

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

Conversions

HEX

#cf89cb

RGB

rgb(207, 137, 203)

HSL

hsl(303.4, 42.2%, 67.5%)

HSV / HSB

hsv(303.4, 33.8%, 81.2%)

CMYK

cmyk(0%, 33.8%, 1.9%, 18.8%)

LAB

lab(66.11, 37.07, -23.25)

LCH

lch(66.11, 43.76, 327.9)

OKLCH

oklch(72.3%, 0.1212, 328.74)

HWB

hwb(303.4, 53.7%, 18.8%)

Harmony colors

Complementary

#89cf8d

Analogous

#b089cf

#cf89cb

#cf89a8

Triadic

#cf89cb

#cbcf89

#89cbcf

Split-complementary

#cf89cb

#a8cf89

#89cfb0

Tetradic

#cf89cb

#cf8d89

#89cf8d

#89cbcf

Square

#cf89cb

#cfb089

#89cf8d

#89a8cf

Shades

Color #cf89cb mixed toward black.

#bf60b9

#a3429e

#7a3276

#52214f

#291127

Tints

Color #cf89cb mixed toward white.

#d79dd4

#dfb0dc

#e7c4e5

#efd8ee

#f7ebf6

Tones

Color #cf89cb mixed toward gray.

#c98fc6

#c395c1

#be9bbc

#b8a0b6

#b2a6b1

Accessibility

Aa White text on this color

2.59:1

Aa Black text on this color

8.09:1

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

Under color vision deficiencies

Protanopia

#b5b4be · ΔE 21.1

Deuteranopia

#b9bdba · ΔE 25

Tritanopia

#ccb2b0 · ΔE 21.4

Achromatopsia

#a1a1a1 · ΔE 23.8

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

Code

CSS

background-color: #cf89cb;

Tailwind (arbitrary value)

bg-[#cf89cb]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#cf89cb (#cf89cb) is rgb(207, 137, 203) in RGB.

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

Generate a palette → Check contrast