Colour

#8A368A

#8A368A
Magenta
Dark
Nearest: Purple

#8A368A is a magenta with RGB values 138, 54, 138 and HSL 300°, 44%, 38%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Purple.

Colour values

#8A368A#8A368A

HEX#8A368A

RGBrgb(138, 54, 138)

RGB (0–1)0.5412, 0.2118, 0.5412

RGB percentages54.1%, 21.2%, 54.1%

HSLhsl(300, 43.7%, 37.6%)

HSV / HSBhsv(300, 60.9%, 54.1%)

CMYK0%, 60.9%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,057,930

CSS custom property--colour: #8A368A;

Brightness & contrast

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

Perceived brightness97.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.06:1

Contrast with white7.06:1WCAG normal text: AAA

Contrast with black2.98:1WCAG normal text: Fail

Greyscale equivalent#4E4E4E

Inverted#75C975

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2C518Dno red cones; affects about 1% of men; ΔE 40.3 from the original

Deuteranopia#495C88no green cones; the most common form, about 1% of men; ΔE 42 from the original

Tritanopia#8E405Bno blue cones; rare, and affects men and women equally; ΔE 32.1 from the original

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

Contrast with white, large text7.06:1WCAG large text: AAA

Contrast with black, large text2.98:1WCAG large text: Fail

Named colours

Purple · ΔE 15.5 Rebecca purple · ΔE 18.2 Dark magenta · ΔE 18.3 Dark slateblue · ΔE 25.2 Medium orchid · ΔE 26.4 Orchid · ΔE 26.8

Nearest named CSS colourPurple (#800080)ΔE 15.49, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#368A36

Analogous#60368A, #8A3660

Triadic#8A8A36, #368A8A

Split complementary#608A36, #368A60

Tetradic#8A6036, #368A36, #36608A

Tints, shades & saturation

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

Lighter +40%#DFADDF

Lighter +30%#D188D1

Lighter +20%#C264C2

Lighter +10%#AF44AF

Darker −10%#652865

Darker −20%#411941

Darker −30%#1C0B1C

Darker −40%#000000

More saturated +25%#A21EA2

Less saturated −25%#724E72

Channel breakdown

R138

G54

B138

Red138 (54.1%)

Green54 (21.2%)

Blue138 (54.1%)

Hue300°

Saturation (HSL)43.75%

Lightness37.65%

Dominant channelRed and Blue

Hex per channelR 8A · G 36 · B 8A

Keep nerding

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

#8A368A

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