#fc83d6

Color #fc83d6

A vivid, highly saturated light magenta.

Closest named color Hot Pink #ff69b4 · ΔE 14.81 Nearest Tailwind class pink-400 #fb64b6 · ΔE 7

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

Conversions

HEX

#fc83d6

RGB

rgb(252, 131, 214)

HSL

hsl(318.8, 95.3%, 75.1%)

HSV / HSB

hsv(318.8, 48%, 98.8%)

CMYK

cmyk(0%, 48%, 15.1%, 1.2%)

LAB

lab(70.72, 56.06, -21.84)

LCH

lch(70.72, 60.16, 338.71)

OKLCH

oklch(77%, 0.1751, 340.52)

HWB

hwb(318.8, 51.4%, 1.2%)

Harmony colors

Complementary

#83fca9

Analogous

#e583fc

#fc83d6

#fc839a

Triadic

#fc83d6

#d6fc83

#83d6fc

Split-complementary

#fc83d6

#9afc83

#83fce5

Tetradic

#fc83d6

#fca983

#83fca9

#83d6fc

Square

#fc83d6

#fce583

#83fca9

#839afc

Shades

Color #fc83d6 mixed toward black.

#fb45c2

#f906ad

#bb0582

#7d0357

#3e022b

Tints

Color #fc83d6 mixed toward white.

#fd98dd

#fdace4

#fec1eb

#fed6f1

#ffeaf8

Tones

Color #fc83d6 mixed toward gray.

#f28dd2

#e897cf

#dea1cb

#d4abc7

#cab5c3

Accessibility

Aa White text on this color

2.24:1

Aa Black text on this color

9.36:1

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

Under color vision deficiencies

Protanopia

#d3d2c6 · ΔE 35.4

Deuteranopia

#d9e1c2 · ΔE 47.7

Tritanopia

#f8b8b5 · ΔE 21.8

Achromatopsia

#adadad · ΔE 26.1

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

Code

CSS

background-color: #fc83d6;

Tailwind (arbitrary value)

bg-[#fc83d6]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#fc83d6 (#fc83d6) is rgb(252, 131, 214) in RGB.

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

Generate a palette → Check contrast