#cf789c

Color #cf789c

A moderately saturated light pink.

Closest named color Pale Violet Red #db7093 · ΔE 8.62 Nearest Tailwind class pink-400 #fb64b6 · ΔE 9.1

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

Conversions

HEX

#cf789c

RGB

rgb(207, 120, 156)

HSL

hsl(335.2, 47.5%, 64.1%)

HSV / HSB

hsv(335.2, 42%, 81.2%)

CMYK

cmyk(0%, 42%, 24.6%, 18.8%)

LAB

lab(60.87, 38.45, -4.52)

LCH

lch(60.87, 38.71, 353.3)

OKLCH

oklch(67.8%, 0.1163, 354.37)

HWB

hwb(335.2, 47.1%, 18.8%)

Harmony colors

Complementary

#78cfab

Analogous

#cf78c7

#cf789c

#cf8078

Triadic

#cf789c

#9ccf78

#789ccf

Split-complementary

#cf789c

#78cf80

#78c7cf

Tetradic

#cf789c

#cfab78

#78cfab

#789ccf

Square

#cf789c

#c7cf78

#78cfab

#8078cf

Shades

Color #cf789c mixed toward black.

#c1507e

#a13964

#792b4b

#501d32

#280e19

Tints

Color #cf789c mixed toward white.

#d78eac

#dfa5bd

#e7bbcd

#efd2de

#f7e8ee

Tones

Color #cf789c mixed toward gray.

#c87f9d

#c0869e

#b98ea0

#b295a1

#ab9ca2

Accessibility

Aa White text on this color

3.08:1

Aa Black text on this color

6.82:1

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

Under color vision deficiencies

Protanopia

#b0af94 · ΔE 36.3

Deuteranopia

#b5ba92 · ΔE 42.1

Tritanopia

#cc8e8c · ΔE 12.5

Achromatopsia

#939393 · ΔE 23.7

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

Code

CSS

background-color: #cf789c;

Tailwind (arbitrary value)

bg-[#cf789c]

Related colors

Lavender Blush #fff0f5

Hot Pink #ff69b4

Pale Violet Red #db7093

Deep Pink #ff1493

Crimson #dc143c

Medium Violet Red #c71585

Frequently asked questions

#cf789c (#cf789c) is rgb(207, 120, 156) in RGB.

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

Generate a palette → Check contrast