#fbd3ef

Color #fbd3ef

A vivid, highly saturated very light magenta.

Closest named color Thistle #d8bfd8 · ΔE 10.08 Nearest Tailwind class pink-200 #fccee8 · ΔE 1.9

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

Conversions

HEX

#fbd3ef

RGB

rgb(251, 211, 239)

HSL

hsl(318, 83.3%, 90.6%)

HSV / HSB

hsv(318, 15.9%, 98.4%)

CMYK

cmyk(0%, 15.9%, 4.8%, 1.6%)

LAB

lab(88.61, 18.54, -8.49)

LCH

lch(88.61, 20.39, 335.4)

OKLCH

oklch(90.9%, 0.0574, 337.05)

HWB

hwb(318, 82.7%, 1.6%)

Harmony colors

Complementary

#d3fbdf

Analogous

#f3d3fb

#fbd3ef

#fbd3db

Triadic

#fbd3ef

#effbd3

#d3effb

Split-complementary

#fbd3ef

#dbfbd3

#d3fbf3

Tetradic

#fbd3ef

#fbdfd3

#d3fbdf

#d3effb

Square

#fbd3ef

#fbf3d3

#d3fbdf

#d3dbfb

Shades

Color #fbd3ef mixed toward black.

#f58cd5

#ee46bc

#d4139a

#8d0d67

#470633

Tints

Color #fbd3ef mixed toward white.

#fcdaf2

#fce2f4

#fde9f7

#fef0fa

#fef8fc

Tones

Color #fbd3ef mixed toward gray.

#f8d6ee

#f4daec

#f1ddeb

#eee0ea

#eae4e8

Accessibility

Aa White text on this color

1.34:1

Aa Black text on this color

15.67:1

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

Under color vision deficiencies

Protanopia

#ebeae9 · ΔE 17.8

Deuteranopia

#edf0e7 · ΔE 24.8

Tritanopia

#f9e3e2 · ΔE 11.9

Achromatopsia

#dedede · ΔE 17.4

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

Code

CSS

background-color: #fbd3ef;

Tailwind (arbitrary value)

bg-[#fbd3ef]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#fbd3ef (#fbd3ef) is rgb(251, 211, 239) in RGB.

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

Generate a palette → Check contrast