Colour

#AB6AA7

#AB6AA7
Magenta
Dark
Nearest: Plum

#AB6AA7 is a magenta with RGB values 171, 106, 167 and HSL 304°, 28%, 54%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#AB6AA7#AB6AA7

HEX#AB6AA7

RGBrgb(171, 106, 167)

RGB (0–1)0.6706, 0.4157, 0.6549

RGB percentages67.1%, 41.6%, 65.5%

HSLhsl(303.7, 27.9%, 54.3%)

HSV / HSBhsv(303.7, 38%, 67.1%)

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

24-bit integer11,233,959

CSS custom property--colour: #AB6AA7;

Brightness & contrast

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

Perceived brightness136.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.35:1

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

Contrast with black5.35:1WCAG normal text: AA

Greyscale equivalent#7C7C7C

Inverted#549558

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#677BA9no red cones; affects about 1% of men; ΔE 31.4 from the original

Deuteranopia#7784A5no green cones; the most common form, about 1% of men; ΔE 32.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text5.35:1WCAG large text: AAA

Named colours

Plum · ΔE 19.8 Orchid · ΔE 25 Pale violetred · ΔE 25.5 Medium purple · ΔE 28.1 Violet · ΔE 30.1 Dark slateblue · ΔE 31.9

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6AAB6E

Analogous#8E6AAB, #AB6A87

Triadic#A7AB6A, #6AA7AB

Split complementary#87AB6A, #6AAB8E

Tetradic#AB8E6A, #6AAB6E, #6A87AB

Tints, shades & saturation

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

Lighter +40%#F5ECF4

Lighter +30%#E2CCE1

Lighter +20%#D0ABCE

Lighter +10%#BD8BBA

Darker −10%#91518D

Darker −20%#703F6D

Darker −30%#4F2D4D

Darker −40%#2F1A2D

More saturated +25%#C84DC1

Less saturated −25%#8E878D

Channel breakdown

R171

G106

B167

Red171 (67.1%)

Green106 (41.6%)

Blue167 (65.5%)

Hue303.69°

Saturation (HSL)27.9%

Lightness54.31%

Dominant channelRed

Hex per channelR AB · G 6A · B A7

Keep nerding

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

#AB6AA7

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