#582a62

Color #582a62

A moderately saturated dark purple.

Closest named color Dark Slate Blue #483d8b · ΔE 19.09 Nearest Tailwind class fuchsia-900 #721378 · ΔE 7.4

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

Conversions

HEX

#582a62

RGB

rgb(88, 42, 98)

HSL

hsl(289.3, 40%, 27.5%)

HSV / HSB

hsv(289.3, 57.1%, 38.4%)

CMYK

cmyk(10.2%, 57.1%, 0%, 61.6%)

LAB

lab(25.6, 30.83, -24.35)

LCH

lch(25.6, 39.29, 321.7)

OKLCH

oklch(37.2%, 0.1057, 320.22)

HWB

hwb(289.3, 16.5%, 61.6%)

Harmony colors

Complementary

#34622a

Analogous

#3c2a62

#582a62

#622a50

Triadic

#582a62

#62582a

#2a6258

Split-complementary

#582a62

#50622a

#2a623c

Tetradic

#582a62

#622a34

#34622a

#2a6258

Square

#582a62

#623c2a

#34622a

#2a5062

Shades

Color #582a62 mixed toward black.

#492352

#3b1c41

#2c1531

#1d0e21

#0f0710

Tints

Color #582a62 mixed toward white.

#7f3d8d

#a352b5

#ba7ec8

#d1a9da

#e8d4ed

Tones

Color #582a62 mixed toward gray.

#552f5e

#523359

#4f3854

#4c3d4f

#49414b

Accessibility

Aa White text on this color

10.92:1

Aa Black text on this color

1.92:1

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

Under color vision deficiencies

Protanopia

#484858 · ΔE 16.9

Deuteranopia

#4b4e56 · ΔE 20.3

Tritanopia

#56504d · ΔE 24.1

Achromatopsia

#3d3d3d · ΔE 22.8

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

Code

CSS

background-color: #582a62;

Tailwind (arbitrary value)

bg-[#582a62]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#582a62 (#582a62) is rgb(88, 42, 98) in RGB.

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

Generate a palette → Check contrast