#cf76cb

Color #cf76cb

A moderately saturated light magenta.

Closest named color Orchid #da70d6 · ΔE 9.6 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 8.6

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

Conversions

HEX

#cf76cb

RGB

rgb(207, 118, 203)

HSL

hsl(302.7, 48.1%, 63.7%)

HSV / HSB

hsv(302.7, 43%, 81.2%)

CMYK

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

LAB

lab(62.11, 47.11, -29.4)

LCH

lch(62.11, 55.53, 328.03)

OKLCH

oklch(69.3%, 0.1543, 328.73)

HWB

hwb(302.7, 46.3%, 18.8%)

Harmony colors

Complementary

#76cf7a

Analogous

#a676cf

#cf76cb

#cf769e

Triadic

#cf76cb

#cbcf76

#76cbcf

Split-complementary

#cf76cb

#9ecf76

#76cfa6

Tetradic

#cf76cb

#cf7a76

#76cf7a

#76cbcf

Square

#cf76cb

#cfa676

#76cf7a

#769ecf

Shades

Color #cf76cb mixed toward black.

#c14ebc

#a0389c

#782a75

#501c4e

#280e27

Tints

Color #cf76cb mixed toward white.

#d78dd4

#dfa4dc

#e7bae5

#efd1ee

#f7e8f6

Tones

Color #cf76cb mixed toward gray.

#c87dc4

#c085bd

#b98cb7

#b194b0

#aa9ba9

Accessibility

Aa White text on this color

2.95:1

Aa Black text on this color

7.11:1

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

Under color vision deficiencies

Protanopia

#b0afbb · ΔE 23

Deuteranopia

#b4bab7 · ΔE 26.4

Tritanopia

#ccadaa · ΔE 24.8

Achromatopsia

#969696 · ΔE 25.4

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

Code

CSS

background-color: #cf76cb;

Tailwind (arbitrary value)

bg-[#cf76cb]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#cf76cb (#cf76cb) is rgb(207, 118, 203) in RGB.

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

Generate a palette → Check contrast