#cc41ee

Color #cc41ee

A vivid, highly saturated medium purple.

Closest named color Dark Orchid #9932cc · ΔE 15.86 Nearest Tailwind class fuchsia-500 #e12afb · ΔE 3.1

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

Conversions

HEX

#cc41ee

RGB

rgb(204, 65, 238)

HSL

hsl(288.2, 83.6%, 59.4%)

HSV / HSB

hsv(288.2, 72.7%, 93.3%)

CMYK

cmyk(14.3%, 72.7%, 0%, 6.7%)

LAB

lab(54.86, 76.09, -60.56)

LCH

lch(54.86, 97.25, 321.48)

OKLCH

oklch(64.4%, 0.2584, 318.86)

HWB

hwb(288.2, 25.5%, 6.7%)

Harmony colors

Complementary

#63ee41

Analogous

#7541ee

#cc41ee

#ee41ba

Triadic

#cc41ee

#eecc41

#41eecc

Split-complementary

#cc41ee

#baee41

#41ee75

Tetradic

#cc41ee

#ee4163

#63ee41

#41eecc

Square

#cc41ee

#ee7541

#63ee41

#41baee

Shades

Color #cc41ee mixed toward black.

#be15e8

#9811b9

#720c8b

#4c085d

#26042e

Tints

Color #cc41ee mixed toward white.

#d461f1

#dd80f4

#e5a0f7

#eec0f9

#f6dffc

Tones

Color #cc41ee mixed toward gray.

#c34fe0

#ba5ed1

#b26cc3

#a97bb4

#a089a6

Accessibility

Aa White text on this color

3.78:1

Aa Black text on this color

5.56:1

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

Under color vision deficiencies

Protanopia

#a3a2d4 · ΔE 24.6

Deuteranopia

#a9b1ce · ΔE 28.6

Tritanopia

#c8bdb7 · ΔE 37.7

Achromatopsia

#838383 · ΔE 30.5

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

Code

CSS

background-color: #cc41ee;

Tailwind (arbitrary value)

bg-[#cc41ee]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#cc41ee (#cc41ee) is rgb(204, 65, 238) in RGB.

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

Generate a palette → Check contrast