#b74ff4

Color #b74ff4

A vivid, highly saturated light purple.

Closest named color Dark Orchid #9932cc · ΔE 12.21 Nearest Tailwind class purple-500 #ad46ff · ΔE 3

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

Conversions

HEX

#b74ff4

RGB

rgb(183, 79, 244)

HSL

hsl(277.8, 88.2%, 63.3%)

HSV / HSB

hsv(277.8, 67.6%, 95.7%)

CMYK

cmyk(25%, 67.6%, 0%, 4.3%)

LAB

lab(54.23, 67.72, -65.08)

LCH

lch(54.23, 93.92, 316.14)

OKLCH

oklch(63.5%, 0.2408, 310.17)

HWB

hwb(277.8, 31%, 4.3%)

Harmony colors

Complementary

#8cf44f

Analogous

#644ff4

#b74ff4

#f44fde

Triadic

#b74ff4

#f4b74f

#4ff4b7

Split-complementary

#b74ff4

#def44f

#4ff464

Tetradic

#b74ff4

#f44f8c

#8cf44f

#4ff4b7

Square

#b74ff4

#f4644f

#8cf44f

#4fdef4

Shades

Color #b74ff4 mixed toward black.

#a21cf1

#840dcb

#630a98

#420665

#210333

Tints

Color #b74ff4 mixed toward white.

#c36cf6

#cf8af8

#dba7f9

#e7c4fb

#f3e2fd

Tones

Color #b74ff4 mixed toward gray.

#b35de6

#b06ad8

#ac78cb

#a986bd

#a594af

Accessibility

Aa White text on this color

3.86:1

Aa Black text on this color

5.44:1

Black text reads better on this background (5.44:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#9595da · ΔE 19.7

Deuteranopia

#9aa1d4 · ΔE 23.2

Tritanopia

#b4c3be · ΔE 35.8

Achromatopsia

#828282 · ΔE 30.2

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

Code

CSS

background-color: #b74ff4;

Tailwind (arbitrary value)

bg-[#b74ff4]

Related colors

Dark Orchid #9932cc

Indigo #4b0082

Dark Violet #9400d3

Blue Violet #8a2be2

Rebecca Purple #663399

Medium Orchid #ba55d3

Frequently asked questions

#b74ff4 (#b74ff4) is rgb(183, 79, 244) in RGB.

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

Generate a palette → Check contrast