#c2a0cc

Color #c2a0cc

A muted light purple.

Closest named color Plum #dda0dd · ΔE 13.25 Nearest Tailwind class purple-300 #dab2ff · ΔE 9.5

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

Conversions

HEX

#c2a0cc

RGB

rgb(194, 160, 204)

HSL

hsl(286.4, 30.1%, 71.4%)

HSV / HSB

hsv(286.4, 21.6%, 80%)

CMYK

cmyk(4.9%, 21.6%, 0%, 20%)

LAB

lab(70.16, 20.39, -17.77)

LCH

lch(70.16, 27.05, 318.93)

OKLCH

oklch(75.1%, 0.0724, 318.47)

HWB

hwb(286.4, 62.7%, 20%)

Harmony colors

Complementary

#aacca0

Analogous

#aca0cc

#c2a0cc

#cca0c0

Triadic

#c2a0cc

#ccc2a0

#a0ccc2

Split-complementary

#c2a0cc

#c0cca0

#a0ccac

Tetradic

#c2a0cc

#cca0aa

#aacca0

#a0ccc2

Square

#c2a0cc

#ccaca0

#aacca0

#a0c0cc

Shades

Color #c2a0cc mixed toward black.

#a979b7

#8d559e

#6a4076

#472a4f

#231527

Tints

Color #c2a0cc mixed toward white.

#ccb0d5

#d6c0dd

#e1d0e6

#ebdfee

#f5eff7

Tones

Color #c2a0cc mixed toward gray.

#c0a4c8

#bea7c5

#bcabc1

#baafbd

#b8b2ba

Accessibility

Aa White text on this color

2.28:1

Aa Black text on this color

9.19:1

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

Under color vision deficiencies

Protanopia

#b4b4c3 · ΔE 14.3

Deuteranopia

#b6b9c0 · ΔE 17.9

Tritanopia

#c0bbb9 · ΔE 19.6

Achromatopsia

#ababab · ΔE 19.4

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

Code

CSS

background-color: #c2a0cc;

Tailwind (arbitrary value)

bg-[#c2a0cc]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Indigo #4b0082

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#c2a0cc (#c2a0cc) is rgb(194, 160, 204) in RGB.

No, #c2a0cc is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast