#612e81

Color #612e81

A moderately saturated dark purple.

Closest named color Rebecca Purple #663399 · ΔE 10.99 Nearest Tailwind class purple-900 #59168b · ΔE 5.6

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

Conversions

HEX

#612e81

RGB

rgb(97, 46, 129)

HSL

hsl(276.9, 47.4%, 34.3%)

HSV / HSB

hsv(276.9, 64.3%, 50.6%)

CMYK

cmyk(24.8%, 64.3%, 0%, 49.4%)

LAB

lab(29.61, 38.39, -37.67)

LCH

lch(29.61, 53.78, 315.54)

OKLCH

oklch(41%, 0.1386, 309.96)

HWB

hwb(276.9, 18%, 49.4%)

Harmony colors

Complementary

#4e812e

Analogous

#382e81

#612e81

#812e77

Triadic

#612e81

#81612e

#2e8161

Split-complementary

#612e81

#77812e

#2e8138

Tetradic

#612e81

#812e4e

#4e812e

#2e8161

Square

#612e81

#81382e

#4e812e

#2e7781

Shades

Color #612e81 mixed toward black.

#51266b

#411f56

#311740

#200f2b

#100815

Tints

Color #612e81 mixed toward white.

#803daa

#9b5ac4

#b484d3

#cdade2

#e6d6f0

Tones

Color #612e81 mixed toward gray.

#5f357a

#5e3c73

#5c436c

#5b4a65

#59515e

Accessibility

Aa White text on this color

9.48:1

Aa Black text on this color

2.22:1

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

Under color vision deficiencies

Protanopia

#504f73 · ΔE 13.9

Deuteranopia

#525570 · ΔE 16.5

Tritanopia

#5f6764 · ΔE 27.4

Achromatopsia

#464646 · ΔE 24.9

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

Code

CSS

background-color: #612e81;

Tailwind (arbitrary value)

bg-[#612e81]

Related colors

Indigo #4b0082

Dark Orchid #9932cc

Dark Violet #9400d3

Blue Violet #8a2be2

Rebecca Purple #663399

Medium Orchid #ba55d3

Frequently asked questions

#612e81 (#612e81) is rgb(97, 46, 129) in RGB.

No, #612e81 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast