#62335a

Color #62335a

A muted dark magenta.

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

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

Conversions

HEX

#62335a

RGB

rgb(98, 51, 90)

HSL

hsl(310.2, 31.5%, 29.2%)

HSV / HSB

hsv(310.2, 48%, 38.4%)

CMYK

cmyk(0%, 48%, 8.2%, 61.6%)

LAB

lab(28.65, 27.27, -14.28)

LCH

lch(28.65, 30.78, 332.36)

OKLCH

oklch(39.6%, 0.0872, 333.73)

HWB

hwb(310.2, 20%, 61.6%)

Harmony colors

Complementary

#33623b

Analogous

#523362

#62335a

#623342

Triadic

#62335a

#5a6233

#335a62

Split-complementary

#62335a

#426233

#336252

Tetradic

#62335a

#623b33

#33623b

#335a62

Square

#62335a

#625233

#33623b

#334262

Shades

Color #62335a mixed toward black.

#522b4b

#41223c

#311a2d

#21111e

#10090f

Tints

Color #62335a mixed toward white.

#89487e

#ad61a0

#c188b7

#d6b0cf

#ead7e7

Tones

Color #62335a mixed toward gray.

#5e3757

#5a3b55

#563f52

#524350

#4e474d

Accessibility

Aa White text on this color

9.81:1

Aa Black text on this color

2.14:1

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

Under color vision deficiencies

Protanopia

#525153 · ΔE 20.7

Deuteranopia

#545751 · ΔE 28.9

Tritanopia

#604c4a · ΔE 17.1

Achromatopsia

#444444 · ΔE 21.3

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

Code

CSS

background-color: #62335a;

Tailwind (arbitrary value)

bg-[#62335a]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#62335a (#62335a) is rgb(98, 51, 90) in RGB.

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

Generate a palette → Check contrast