Colour

#56154C

#56154C
Magenta
Dark
Nearest: Dark slateblue

#56154C is a magenta with RGB values 86, 21, 76 and HSL 309°, 61%, 21%. It is a dark colour, so white text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#56154C#56154C

HEX#56154C

RGBrgb(86, 21, 76)

RGB (0–1)0.3373, 0.0824, 0.298

RGB percentages33.7%, 8.2%, 29.8%

HSLhsl(309.2, 60.7%, 21%)

HSV / HSBhsv(309.2, 75.6%, 33.7%)

CMYK0%, 75.6%, 11.6%, 66.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,641,548

CSS custom property--colour: #56154C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.07:1

Contrast with white13.07:1WCAG normal text: AAA

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

Greyscale equivalent#272727

Inverted#A9EAB3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#152B4Eno red cones; affects about 1% of men; ΔE 32.3 from the original

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

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

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

Contrast with white, large text13.07:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 28.1 Purple · ΔE 30.6 Midnight blue · ΔE 32 Rebecca purple · ΔE 32.2 Dark magenta · ΔE 35.5 Indigo · ΔE 38.3

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#15561F

Analogous#401556, #56152B

Triadic#4C5615, #154C56

Split complementary#2C5615, #155640

Tetradic#563F15, #15561F, #152B56

Tints, shades & saturation

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

Lighter +40%#D85FC5

Lighter +30%#CE36B7

Lighter +20%#A82994

Lighter +10%#7F1F70

Darker −10%#2D0B28

Darker −20%#040104

Darker −30%#000000

Darker −40%#000000

More saturated +25%#630855

Less saturated −25%#492243

Channel breakdown

R86

G21

B76

Red86 (33.7%)

Green21 (8.2%)

Blue76 (29.8%)

Hue309.23°

Saturation (HSL)60.75%

Lightness20.98%

Dominant channelRed

Hex per channelR 56 · G 15 · B 4C

Keep nerding

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

#56154C

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