#d7b8ec

Color #d7b8ec

A moderately saturated very light purple.

Closest named color Plum #dda0dd · ΔE 13.24 Nearest Tailwind class purple-300 #dab2ff · ΔE 5.3

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

Conversions

HEX

#d7b8ec

RGB

rgb(215, 184, 236)

HSL

hsl(275.8, 57.8%, 82.4%)

HSV / HSB

hsv(275.8, 22%, 92.5%)

CMYK

cmyk(8.9%, 22%, 0%, 7.5%)

LAB

lab(78.92, 20.51, -21.75)

LCH

lch(78.92, 29.9, 313.32)

OKLCH

oklch(82.6%, 0.0788, 311.5)

HWB

hwb(275.8, 72.2%, 7.5%)

Harmony colors

Complementary

#cdecb8

Analogous

#bdb8ec

#d7b8ec

#ecb8e7

Triadic

#d7b8ec

#ecd7b8

#b8ecd7

Split-complementary

#d7b8ec

#e7ecb8

#b8ecbd

Tetradic

#d7b8ec

#ecb8cd

#cdecb8

#b8ecd7

Square

#d7b8ec

#ecbdb8

#cdecb8

#b8e7ec

Shades

Color #d7b8ec mixed toward black.

#b881dd

#994acf

#752ca6

#4e1e6f

#270f37

Tints

Color #d7b8ec mixed toward white.

#dec4ef

#e4d0f2

#ebdcf6

#f2e7f9

#f8f3fc

Tones

Color #d7b8ec mixed toward gray.

#d6bde8

#d5c1e3

#d5c5df

#d4c9db

#d3ced6

Accessibility

Aa White text on this color

1.76:1

Aa Black text on this color

11.96:1

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

Under color vision deficiencies

Protanopia

#cacae1 · ΔE 12

Deuteranopia

#cccede · ΔE 14.7

Tritanopia

#d6d8d5 · ΔE 22.2

Achromatopsia

#c3c3c3 · ΔE 20

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

Code

CSS

background-color: #d7b8ec;

Tailwind (arbitrary value)

bg-[#d7b8ec]

Related colors

Indigo #4b0082

Dark Orchid #9932cc

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#d7b8ec (#d7b8ec) is rgb(215, 184, 236) in RGB.

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

Generate a palette → Check contrast