Colour

#581A56

#581A56
Magenta
Dark
Nearest: Dark slateblue

#581A56 is a magenta with RGB values 88, 26, 86 and HSL 302°, 54%, 22%. It is a dark colour, so white text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#581A56#581A56

HEX#581A56

RGBrgb(88, 26, 86)

RGB (0–1)0.3451, 0.102, 0.3373

RGB percentages34.5%, 10.2%, 33.7%

HSLhsl(301.9, 54.4%, 22.4%)

HSV / HSBhsv(301.9, 70.5%, 34.5%)

CMYK0%, 70.5%, 2.3%, 65.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,773,910

CSS custom property--colour: #581A56;

Brightness & contrast

Relative luminance0.03485WCAG 2.x, 0 is black and 1 is white

Perceived brightness59.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.37:1

Contrast with white12.37:1WCAG normal text: AAA

Contrast with black1.7:1WCAG normal text: Fail

Greyscale equivalent#2C2C2C

Inverted#A7E5A9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#132F58no red cones; affects about 1% of men; ΔE 31.5 from the original

Deuteranopia#2A3754no green cones; the most common form, about 1% of men; ΔE 33 from the original

Tritanopia#5B2235no blue cones; rare, and affects men and women equally; ΔE 24.7 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text12.37:1WCAG large text: AAA

Contrast with black, large text1.7:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 24.1 Purple · ΔE 27.6 Rebecca purple · ΔE 27.9 Midnight blue · ΔE 28.4 Dark magenta · ΔE 32.6 Indigo · ΔE 34.5

Nearest named CSS colourDark slateblue (#483D8B)ΔE 24.13, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#1A581C

Analogous#3B1A58, #581A37

Triadic#56581A, #1A5658

Split complementary#37581A, #1A583B

Tetradic#583B1A, #1A581C, #1A3758

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#D36BD0

Lighter +30%#C843C3

Lighter +20%#A731A3

Lighter +10%#7F267C

Darker −10%#310E30

Darker −20%#090309

Darker −30%#000000

Darker −40%#000000

More saturated +25%#660C63

Less saturated −25%#4A2849

Channel breakdown

R88

G26

B86

Red88 (34.5%)

Green26 (10.2%)

Blue86 (33.7%)

Hue301.94°

Saturation (HSL)54.39%

Lightness22.35%

Dominant channelRed

Hex per channelR 58 · G 1A · B 56

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#581A56

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else