#9583f7

Color #9583f7

A vivid, highly saturated light blue.

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

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

Conversions

HEX

#9583f7

RGB

rgb(149, 131, 247)

HSL

hsl(249.3, 87.9%, 74.1%)

HSV / HSB

hsv(249.3, 47%, 96.9%)

CMYK

cmyk(39.7%, 47%, 0%, 3.1%)

LAB

lab(61.08, 33.82, -55.96)

LCH

lch(61.08, 65.39, 301.15)

OKLCH

oklch(67.8%, 0.1667, 288.25)

HWB

hwb(249.3, 51.4%, 3.1%)

Harmony colors

Complementary

#e5f783

Analogous

#83abf7

#9583f7

#cf83f7

Triadic

#9583f7

#f79583

#83f795

Split-complementary

#9583f7

#f7cf83

#abf783

Tetradic

#9583f7

#f783e5

#e5f783

#83f795

Square

#9583f7

#f783ab

#e5f783

#83f7cf

Shades

Color #9583f7 mixed toward black.

#6248f3

#320fed

#250bb2

#190876

#0c043b

Tints

Color #9583f7 mixed toward white.

#a798f8

#b8acfa

#cac1fb

#dcd6fc

#edeafe

Tones

Color #9583f7 mixed toward gray.

#9c8ded

#a296e4

#a9a0da

#b0aad0

#b6b3c7

Accessibility

Aa White text on this color

3.06:1

Aa Black text on this color

6.87:1

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

Under color vision deficiencies

Protanopia

#8e8de2 · ΔE 5

Deuteranopia

#8f90dc · ΔE 6.4

Tritanopia

#94cfcb · ΔE 33.4

Achromatopsia

#939393 · ΔE 26.6

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

Code

CSS

background-color: #9583f7;

Tailwind (arbitrary value)

bg-[#9583f7]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#9583f7 (#9583f7) is rgb(149, 131, 247) in RGB.

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

Generate a palette → Check contrast