Colour

#5B103A

#5B103A
Magenta
Dark
Nearest: Purple

#5B103A is a magenta with RGB values 91, 16, 58 and HSL 326°, 70%, 21%. It is a dark colour, so white text on it reaches 13.3:1 contrast (AAA for normal text). The nearest named colour is Purple.

Colour values

#5B103A#5B103A

HEX#5B103A

RGBrgb(91, 16, 58)

RGB (0–1)0.3569, 0.0627, 0.2275

RGB percentages35.7%, 6.3%, 22.7%

HSLhsl(326.4, 70.1%, 21%)

HSV / HSBhsv(326.4, 82.4%, 35.7%)

CMYK0%, 82.4%, 36.3%, 64.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,967,930

CSS custom property--colour: #5B103A;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.29:1

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

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

Greyscale equivalent#232323

Inverted#A4EFC5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1E273Bno red cones; affects about 1% of men; ΔE 35.5 from the original

Deuteranopia#333438no green cones; the most common form, about 1% of men; ΔE 36.7 from the original

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

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

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

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

Named colours

Purple · ΔE 38.5 Dark slateblue · ΔE 38.8 Black · ΔE 42.4 Pale violetred · ΔE 42.4 Dark magenta · ΔE 43.1 Rebecca purple · ΔE 43.1

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#105B31

Analogous#56105B, #5B1015

Triadic#3A5B10, #103A5B

Split complementary#155B10, #105B56

Tetradic#5B5610, #105B31, #10155B

Tints, shades & saturation

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

Lighter +40%#E156A4

Lighter +30%#DA2A8D

Lighter +20%#B21F71

Lighter +10%#861856

Darker −10%#30081E

Darker −20%#040103

Darker −30%#000000

Darker −40%#000000

More saturated +25%#68033C

Less saturated −25%#4E1D38

Channel breakdown

R91

G16

B58

Red91 (35.7%)

Green16 (6.3%)

Blue58 (22.7%)

Hue326.4°

Saturation (HSL)70.09%

Lightness20.98%

Dominant channelRed

Hex per channelR 5B · G 10 · B 3A

Keep nerding

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

#5B103A

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