#e06bfa

Color #e06bfa

A vivid, highly saturated light purple.

Closest named color Medium Orchid #ba55d3 · ΔE 13.42 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 2

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

Conversions

HEX

#e06bfa

RGB

rgb(224, 107, 250)

HSL

hsl(289.1, 93.5%, 70%)

HSV / HSB

hsv(289.1, 57.2%, 98%)

CMYK

cmyk(10.4%, 57.2%, 0%, 2%)

LAB

lab(64.38, 65.74, -51.88)

LCH

lch(64.38, 83.75, 321.72)

OKLCH

oklch(72.1%, 0.2247, 320.02)

HWB

hwb(289.1, 42%, 2%)

Harmony colors

Complementary

#85fa6b

Analogous

#996bfa

#e06bfa

#fa6bcc

Triadic

#e06bfa

#fae06b

#6bfae0

Split-complementary

#e06bfa

#ccfa6b

#6bfa99

Tetradic

#e06bfa

#fa6b85

#85fa6b

#6bfae0

Square

#e06bfa

#fa996b

#85fa6b

#6bccfa

Shades

Color #e06bfa mixed toward black.

#d431f8

#be08e6

#8e06ad

#5f0473

#2f023a

Tints

Color #e06bfa mixed toward white.

#e584fb

#ea9cfc

#f0b5fd

#f5cefd

#fae6fe

Tones

Color #e06bfa mixed toward gray.

#d877ee

#d183e2

#c98fd6

#c29bca

#baa7be

Accessibility

Aa White text on this color

2.74:1

Aa Black text on this color

7.65:1

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

Under color vision deficiencies

Protanopia

#b9b8e2 · ΔE 22.7

Deuteranopia

#bfc6dc · ΔE 26

Tritanopia

#dcccc7 · ΔE 33.4

Achromatopsia

#9c9c9c · ΔE 29.1

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

Code

CSS

background-color: #e06bfa;

Tailwind (arbitrary value)

bg-[#e06bfa]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#e06bfa (#e06bfa) is rgb(224, 107, 250) in RGB.

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

Generate a palette → Check contrast