#c33fee

Color #c33fee

A vivid, highly saturated medium purple.

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

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

Conversions

HEX

#c33fee

RGB

rgb(195, 63, 238)

HSL

hsl(285.3, 83.7%, 59%)

HSV / HSB

hsv(285.3, 73.5%, 93.3%)

CMYK

cmyk(18.1%, 73.5%, 0%, 6.7%)

LAB

lab(53.31, 75.04, -63.12)

LCH

lch(53.31, 98.06, 319.93)

OKLCH

oklch(63.1%, 0.2572, 316.28)

HWB

hwb(285.3, 24.7%, 6.7%)

Harmony colors

Complementary

#6aee3f

Analogous

#6c3fee

#c33fee

#ee3fc1

Triadic

#c33fee

#eec33f

#3feec3

Split-complementary

#c33fee

#c1ee3f

#3fee6c

Tetradic

#c33fee

#ee3f6a

#6aee3f

#3feec3

Square

#c33fee

#ee6c3f

#6aee3f

#3fc1ee

Shades

Color #c33fee mixed toward black.

#b314e6

#8f10b8

#6b0c8a

#48085c

#24042e

Tints

Color #c33fee mixed toward white.

#cd5ff1

#d77ff4

#e19ff6

#ebbff9

#f5dffc

Tones

Color #c33fee mixed toward gray.

#bc4edf

#b45cd1

#ad6bc2

#a579b4

#9e88a5

Accessibility

Aa White text on this color

3.99:1

Aa Black text on this color

5.27:1

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

Under color vision deficiencies

Protanopia

#9c9bd4 · ΔE 23.5

Deuteranopia

#a2a9cd · ΔE 27.5

Tritanopia

#bfbdb7 · ΔE 40.3

Achromatopsia

#7f7f7f · ΔE 30.6

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

Code

CSS

background-color: #c33fee;

Tailwind (arbitrary value)

bg-[#c33fee]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Indigo #4b0082

Blue Violet #8a2be2

Dark Magenta #8b008b

Frequently asked questions

#c33fee (#c33fee) is rgb(195, 63, 238) in RGB.

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

Generate a palette → Check contrast