#af62e5

Color #af62e5

A vivid, highly saturated light purple.

Closest named color Medium Orchid #ba55d3 · ΔE 9.09 Nearest Tailwind class purple-500 #ad46ff · ΔE 6.2

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

Conversions

HEX

#af62e5

RGB

rgb(175, 98, 229)

HSL

hsl(275.3, 71.6%, 64.1%)

HSV / HSB

hsv(275.3, 57.2%, 89.8%)

CMYK

cmyk(23.6%, 57.2%, 0%, 10.2%)

LAB

lab(55.59, 53.81, -54.56)

LCH

lch(55.59, 76.63, 314.6)

OKLCH

oklch(64%, 0.1975, 309)

HWB

hwb(275.3, 38.4%, 10.2%)

Harmony colors

Complementary

#98e562

Analogous

#6d62e5

#af62e5

#e562d9

Triadic

#af62e5

#e5af62

#62e5af

Split-complementary

#af62e5

#d9e562

#62e56d

Tetradic

#af62e5

#e56298

#98e562

#62e5af

Square

#af62e5

#e56d62

#98e562

#62d9e5

Shades

Color #af62e5 mixed toward black.

#9733dd

#7b1fbb

#5c178c

#3d0f5d

#1f082f

Tints

Color #af62e5 mixed toward white.

#bc7ce9

#ca96ee

#d7b0f2

#e4cbf6

#f2e5fb

Tones

Color #af62e5 mixed toward gray.

#ad6dda

#ab78cf

#a983c4

#a78eb9

#a599ae

Accessibility

Aa White text on this color

3.68:1

Aa Black text on this color

5.7:1

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

Under color vision deficiencies

Protanopia

#9493cf · ΔE 16.5

Deuteranopia

#989dc9 · ΔE 19.6

Tritanopia

#acbbb6 · ΔE 32.9

Achromatopsia

#858585 · ΔE 28.2

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

Code

CSS

background-color: #af62e5;

Tailwind (arbitrary value)

bg-[#af62e5]

Related colors

Indigo #4b0082

Blue Violet #8a2be2

Dark Orchid #9932cc

Rebecca Purple #663399

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#af62e5 (#af62e5) is rgb(175, 98, 229) in RGB.

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

Generate a palette → Check contrast