#654574

Color #654574

A muted dark purple.

Closest named color Dark Slate Blue #483d8b · ΔE 20.96 Nearest Tailwind class mauve-600 #594c5b · ΔE 11.3

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

Conversions

HEX

#654574

RGB

rgb(101, 69, 116)

HSL

hsl(280.9, 25.4%, 36.3%)

HSV / HSB

hsv(280.9, 40.5%, 45.5%)

CMYK

cmyk(12.9%, 40.5%, 0%, 54.5%)

LAB

lab(34.57, 23.06, -21.67)

LCH

lch(34.57, 31.64, 316.78)

OKLCH

oklch(44.5%, 0.0837, 314.47)

HWB

hwb(280.9, 27.1%, 54.5%)

Harmony colors

Complementary

#547445

Analogous

#4e4574

#654574

#74456c

Triadic

#654574

#746545

#457465

Split-complementary

#654574

#6c7445

#45744e

Tetradic

#654574

#744554

#547445

#457465

Square

#654574

#744e45

#547445

#456c74

Shades

Color #654574 mixed toward black.

#543a61

#432e4d

#33233a

#221727

#110c13

Tints

Color #654574 mixed toward white.

#835996

#9d77ae

#b599c2

#cebbd7

#e6ddeb

Tones

Color #654574 mixed toward gray.

#644970

#624d6c

#615168

#5f5564

#5e5960

Accessibility

Aa White text on this color

7.9:1

Aa Black text on this color

2.66:1

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

Under color vision deficiencies

Protanopia

#59596b · ΔE 13.8

Deuteranopia

#5b5d69 · ΔE 16.7

Tritanopia

#646361 · ΔE 23

Achromatopsia

#515151 · ΔE 20.7

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

Code

CSS

background-color: #654574;

Tailwind (arbitrary value)

bg-[#654574]

Related colors

Dark Orchid #9932cc

Dark Violet #9400d3

Indigo #4b0082

Medium Orchid #ba55d3

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#654574 (#654574) is rgb(101, 69, 116) in RGB.

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

Generate a palette → Check contrast