Toolman

#C084FC color

#C084FC#C084FC

The swatch above shows #C084FC with its hex code written on it in white and in black, so you can see which of the two is legible before reading the measured ratios below.

#C084FC is a light, vivid violet, closest to the CSS named color orchid (#DA70D6).

It is also a Tailwind CSS default: purple-400. That means you can write bg-purple-400 or text-purple-400 directly, with no arbitrary-value brackets and no entry in your theme config.

Color values

HEX#C084FC
RGBrgb(192, 132, 252)
HSLhsl(270, 95%, 75%)
CMYKcmyk(24%, 48%, 0%, 1%)
Decimal12616956
CSScolor: #C084FC;
Android0xFFC084FC
SwiftUIColor(red: 0.753, green: 0.518, blue: 0.988, alpha: 1)

Accessibility and contrast

White text on #C084FC2.64:1 — AA fail · AA large fail · AAA fail
Black text on #C084FC7.95:1 — AA pass · AA large pass · AAA pass
Recommended text colorblack

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #C084FC

Each swatch keeps the hue and saturation of #C084FC and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #C084FC

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #C084FC in code

/* CSS */
.element { color: #C084FC; background-color: #C084FC; }
.element { color: rgb(192 132 252); }
.element { color: hsl(270 95% 75%); }

/* Tailwind */
<div class="bg-purple-400 text-black">

/* SCSS variable */
$brand: #C084FC;

Frequently asked questions

What color is #C084FC?

#C084FC is a light, vivid violet. Its hue sits at 270° on the color wheel, with 95% saturation and 75% lightness.

What is #C084FC in RGB?

#C084FC converts to rgb(192, 132, 252) — 192 red, 132 green and 252 blue.

What is #C084FC in CMYK?

Approximately cmyk(24%, 48%, 0%, 1%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #C084FC be white or black?

Black gives the better contrast ratio (7.95:1 versus 2.64:1).

What is the complementary color of #C084FC?

#BFFC83 — the hue directly opposite #C084FC on the color wheel.

Convert any color → · Browse all colors