#dc68c0

Color #dc68c0

A moderately saturated light magenta.

Closest named color Orchid #da70d6 · ΔE 9.48 Nearest Tailwind class pink-400 #fb64b6 · ΔE 6.6

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

Conversions

HEX

#dc68c0

RGB

rgb(220, 104, 192)

HSL

hsl(314.5, 62.4%, 63.5%)

HSV / HSB

hsv(314.5, 52.7%, 86.3%)

CMYK

cmyk(0%, 52.7%, 12.7%, 13.7%)

LAB

lab(60.72, 56.06, -25.18)

LCH

lch(60.72, 61.46, 335.81)

OKLCH

oklch(68.4%, 0.1774, 337.5)

HWB

hwb(314.5, 40.8%, 13.7%)

Harmony colors

Complementary

#68dc84

Analogous

#be68dc

#dc68c0

#dc6886

Triadic

#dc68c0

#c0dc68

#68c0dc

Split-complementary

#dc68c0

#86dc68

#68dcbe

Tetradic

#dc68c0

#dc8468

#68dc84

#68c0dc

Square

#dc68c0

#dcbe68

#68dc84

#6886dc

Shades

Color #dc68c0 mixed toward black.

#d23cae

#af298f

#831e6b

#581447

#2c0a24

Tints

Color #dc68c0 mixed toward white.

#e281ca

#e89ad5

#eeb3df

#f3cdea

#f9e6f4

Tones

Color #dc68c0 mixed toward gray.

#d272bb

#c97bb6

#bf85b1

#b58fac

#ac98a7

Accessibility

Aa White text on this color

3.1:1

Aa Black text on this color

6.78:1

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

Under color vision deficiencies

Protanopia

#b6b5b0 · ΔE 31.6

Deuteranopia

#bbc2ac · ΔE 44.7

Tritanopia

#d8a19e · ΔE 23.4

Achromatopsia

#929292 · ΔE 26.2

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

Code

CSS

background-color: #dc68c0;

Tailwind (arbitrary value)

bg-[#dc68c0]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Deep Pink #ff1493

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#dc68c0 (#dc68c0) is rgb(220, 104, 192) in RGB.

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

Generate a palette → Check contrast