Colour

#B577B1

#B577B1
Magenta
Dark
Nearest: Plum

#B577B1 is a magenta with RGB values 181, 119, 177 and HSL 304°, 30%, 59%. It is a dark colour, so black text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#B577B1#B577B1

HEX#B577B1

RGBrgb(181, 119, 177)

RGB (0–1)0.7098, 0.4667, 0.6941

RGB percentages71%, 46.7%, 69.4%

HSLhsl(303.9, 29.5%, 58.8%)

HSV / HSBhsv(303.9, 34.3%, 71%)

CMYK0%, 34.3%, 2.2%, 29%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,892,657

CSS custom property--colour: #B577B1;

Brightness & contrast

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

Perceived brightness147.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.24:1

Contrast with white3.37:1WCAG normal text: Fail

Contrast with black6.24:1WCAG normal text: AA

Greyscale equivalent#888888

Inverted#4A884E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7487B3no red cones; affects about 1% of men; ΔE 29.9 from the original

Deuteranopia#838FAFno green cones; the most common form, about 1% of men; ΔE 30.8 from the original

Tritanopia#B97C8Cno blue cones; rare, and affects men and women equally; ΔE 23.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.37:1WCAG large text: AA

Contrast with black, large text6.24:1WCAG large text: AAA

Named colours

Plum · ΔE 15.2 Pale violetred · ΔE 24.5 Orchid · ΔE 26 Medium purple · ΔE 29.6 Violet · ΔE 30.1 Thistle · ΔE 32.1

Nearest named CSS colourPlum (#DDA0DD)ΔE 15.23, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#77B57B

Analogous#9A77B5, #B57792

Triadic#B1B577, #77B1B5

Split complementary#92B577, #77B59A

Tetradic#B59A77, #77B57B, #7792B5

Tints, shades & saturation

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

Lighter +40%#FDFBFD

Lighter +30%#EBDAEA

Lighter +20%#D9B9D7

Lighter +10%#C798C4

Darker −10%#A1589D

Darker −20%#80467C

Darker −30%#5F345C

Darker −40%#3E223C

More saturated +25%#CF5DC8

Less saturated −25%#9B919A

Channel breakdown

R181

G119

B177

Red181 (71%)

Green119 (46.7%)

Blue177 (69.4%)

Hue303.87°

Saturation (HSL)29.52%

Lightness58.82%

Dominant channelRed

Hex per channelR B5 · G 77 · B B1

Keep nerding

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

#B577B1

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