Colour

#5F3157

#5F3157
Magenta
Dark
Nearest: Dark slateblue

#5F3157 is a magenta with RGB values 95, 49, 87 and HSL 310°, 32%, 28%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#5F3157#5F3157

HEX#5F3157

RGBrgb(95, 49, 87)

RGB (0–1)0.3725, 0.1922, 0.3412

RGB percentages37.3%, 19.2%, 34.1%

HSLhsl(310.4, 31.9%, 28.2%)

HSV / HSBhsv(310.4, 48.4%, 37.3%)

CMYK0%, 48.4%, 8.4%, 62.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,238,551

CSS custom property--colour: #5F3157;

Brightness & contrast

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

Perceived brightness70.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.18:1

Contrast with white10.18:1WCAG normal text: AAA

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

Greyscale equivalent#3E3E3E

Inverted#A0CEA8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#313D58no red cones; affects about 1% of men; ΔE 24.1 from the original

Deuteranopia#3D4456no green cones; the most common form, about 1% of men; ΔE 25.1 from the original

Tritanopia#633340no blue cones; rare, and affects men and women equally; ΔE 15.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.18:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 28.3 Dim grey · ΔE 34.6 Rebecca purple · ΔE 37.3 Midnight blue · ΔE 37.8 Slate grey · ΔE 38.5 Purple · ΔE 39.3

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#315F39

Analogous#50315F, #5F3140

Triadic#575F31, #31575F

Split complementary#405F31, #315F50

Tetradic#5F5031, #315F39, #31405F

Tints, shades & saturation

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

Lighter +40%#C894BF

Lighter +30%#B772AB

Lighter +20%#A25495

Lighter +10%#814276

Darker −10%#3D2038

Darker −20%#1C0E19

Darker −30%#000000

Darker −40%#000000

More saturated +25%#711F63

Less saturated −25%#4D434B

Channel breakdown

R95

G49

B87

Red95 (37.3%)

Green49 (19.2%)

Blue87 (34.1%)

Hue310.43°

Saturation (HSL)31.94%

Lightness28.24%

Dominant channelRed

Hex per channelR 5F · G 31 · B 57

Keep nerding

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

#5F3157

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