#d295fb

Color #d295fb

A vivid, highly saturated light purple.

Closest named color Violet #ee82ee · ΔE 16.25 Nearest Tailwind class purple-400 #c27aff · ΔE 7.2

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

Conversions

HEX

#d295fb

RGB

rgb(210, 149, 251)

HSL

hsl(275.9, 92.7%, 78.4%)

HSV / HSB

hsv(275.9, 40.6%, 98.4%)

CMYK

cmyk(16.3%, 40.6%, 0%, 1.6%)

LAB

lab(70.98, 41.06, -42.14)

LCH

lch(70.98, 58.84, 314.26)

OKLCH

oklch(76.6%, 0.154, 310.68)

HWB

hwb(275.9, 58.4%, 1.6%)

Harmony colors

Complementary

#befb95

Analogous

#9f95fb

#d295fb

#fb95f1

Triadic

#d295fb

#fbd295

#95fbd2

Split-complementary

#d295fb

#f1fb95

#95fb9f

Tetradic

#d295fb

#fb95be

#befb95

#95fbd2

Square

#d295fb

#fb9f95

#befb95

#95f1fb

Shades

Color #d295fb mixed toward black.

#b755f9

#9b14f6

#7607c1

#4f0580

#270240

Tints

Color #d295fb mixed toward white.

#d9a7fc

#e1b8fc

#e8cafd

#f0dcfe

#f7edfe

Tones

Color #d295fb mixed toward gray.

#d09df2

#cfa6ea

#cdaee1

#cbb7d9

#cabfd0

Accessibility

Aa White text on this color

2.23:1

Aa Black text on this color

9.43:1

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

Under color vision deficiencies

Protanopia

#bbbae8 · ΔE 14.3

Deuteranopia

#bec2e3 · ΔE 16.9

Tritanopia

#cfd7d3 · ΔE 28.5

Achromatopsia

#aeaeae · ΔE 25.7

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

Code

CSS

background-color: #d295fb;

Tailwind (arbitrary value)

bg-[#d295fb]

Related colors

Indigo #4b0082

Dark Orchid #9932cc

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#d295fb (#d295fb) is rgb(210, 149, 251) in RGB.

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

Generate a palette → Check contrast