#a48ef4

Color #a48ef4

A vivid, highly saturated light blue.

Closest named color Medium Purple #9370db · ΔE 11.76 Nearest Tailwind class violet-400 #a684ff · ΔE 3.4

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

Conversions

HEX

#a48ef4

RGB

rgb(164, 142, 244)

HSL

hsl(252.9, 82.3%, 75.7%)

HSV / HSB

hsv(252.9, 41.8%, 95.7%)

CMYK

cmyk(32.8%, 41.8%, 0%, 4.3%)

LAB

lab(64.78, 30.55, -48.36)

LCH

lch(64.78, 57.2, 302.28)

OKLCH

oklch(70.9%, 0.1466, 292.16)

HWB

hwb(252.9, 55.7%, 4.3%)

Harmony colors

Complementary

#def48e

Analogous

#8eabf4

#a48ef4

#d78ef4

Triadic

#a48ef4

#f4a48e

#8ef4a4

Split-complementary

#a48ef4

#f4d78e

#abf48e

Tetradic

#a48ef4

#f48ede

#def48e

#8ef4a4

Square

#a48ef4

#f48eab

#def48e

#8ef4d7

Shades

Color #a48ef4 mixed toward black.

#7553ee

#4519e9

#3311b0

#220b75

#11063b

Tints

Color #a48ef4 mixed toward white.

#b3a1f6

#c2b4f8

#d1c7fa

#e1d9fb

#f0ecfd

Tones

Color #a48ef4 mixed toward gray.

#a997ec

#ae9fe3

#b3a8db

#b7b0d2

#bcb9ca

Accessibility

Aa White text on this color

2.71:1

Aa Black text on this color

7.75:1

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

Under color vision deficiencies

Protanopia

#9b9be1 · ΔE 6.1

Deuteranopia

#9c9edc · ΔE 7.4

Tritanopia

#a3d0cc · ΔE 30.5

Achromatopsia

#9d9d9d · ΔE 25.3

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

Code

CSS

background-color: #a48ef4;

Tailwind (arbitrary value)

bg-[#a48ef4]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Medium Purple #9370db

Navy #000080

Lavender #e6e6fa

Frequently asked questions

#a48ef4 (#a48ef4) is rgb(164, 142, 244) in RGB.

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

Generate a palette → Check contrast