#c380ab

Color #c380ab

A muted light magenta.

Closest named color Plum #dda0dd · ΔE 15.34 Nearest Tailwind class pink-400 #fb64b6 · ΔE 10.7

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

Conversions

HEX

#c380ab

RGB

rgb(195, 128, 171)

HSL

hsl(321.5, 35.8%, 63.3%)

HSV / HSB

hsv(321.5, 34.4%, 76.5%)

CMYK

cmyk(0%, 34.4%, 12.3%, 23.5%)

LAB

lab(61.64, 32.31, -12.11)

LCH

lch(61.64, 34.5, 339.45)

OKLCH

oklch(68.2%, 0.0997, 341.22)

HWB

hwb(321.5, 50.2%, 23.5%)

Harmony colors

Complementary

#80c398

Analogous

#b980c3

#c380ab

#c38089

Triadic

#c380ab

#abc380

#80abc3

Split-complementary

#c380ab

#89c380

#80c3b9

Tetradic

#c380ab

#c39880

#80c398

#80abc3

Square

#c380ab

#c3b980

#80c398

#8089c3

Shades

Color #c380ab mixed toward black.

#b25b93

#924577

#6e3459

#49233b

#25111e

Tints

Color #c380ab mixed toward white.

#cd95b9

#d7aac7

#e1bfd5

#ebd5e3

#f5eaf1

Tones

Color #c380ab mixed toward gray.

#bd85a9

#b88ba8

#b291a6

#ad96a5

#a79ca3

Accessibility

Aa White text on this color

3:1

Aa Black text on this color

7:1

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

Under color vision deficiencies

Protanopia

#aaaaa2 · ΔE 28.8

Deuteranopia

#aeb2a0 · ΔE 35.4

Tritanopia

#c09a99 · ΔE 15.3

Achromatopsia

#959595 · ΔE 22.6

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

Code

CSS

background-color: #c380ab;

Tailwind (arbitrary value)

bg-[#c380ab]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#c380ab (#c380ab) is rgb(195, 128, 171) in RGB.

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

Generate a palette → Check contrast