Recognised as Colour

#5A2CB4

#5A2CB4
Violet
Dark
Nearest: Indigo

#5A2CB4 is a violet with RGB values 90, 44, 180 and HSL 260°, 61%, 44%. It is a dark colour, so white text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Indigo.

Colour values

#5A2CB4#5A2CB4

HEX#5A2CB4

RGBrgb(90, 44, 180)

RGB (0–1)0.3529, 0.1725, 0.7059

RGB percentages35.3%, 17.3%, 70.6%

HSLhsl(260.3, 60.7%, 43.9%)

HSV / HSBhsv(260.3, 75.6%, 70.6%)

CMYK50%, 75.6%, 0%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,909,684

CSS custom property--colour: #5A2CB4;

Brightness & contrast

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

Perceived brightness85.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.56:1

Contrast with white8.56:1WCAG normal text: AAA

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

Greyscale equivalent#404040

Inverted#A5D34B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#004EB8no red cones; affects about 1% of men; ΔE 28.5 from the original

Deuteranopia#0049B1no green cones; the most common form, about 1% of men; ΔE 28 from the original

Tritanopia#3C516Eno blue cones; rare, and affects men and women equally; ΔE 67.9 from the original

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

Contrast with white, large text8.56:1WCAG large text: AAA

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

Named colours

Indigo · ΔE 16.2 Dark orchid · ΔE 18.2 Dark blue · ΔE 18.2 Rebecca purple · ΔE 19 Navy · ΔE 19.8 Slate blue · ΔE 21

Nearest named CSS colourIndigo (#4B0082)ΔE 16.2, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#86B42C

Analogous#2C42B4, #9E2CB4

Triadic#B45A2C, #2CB45A

Split complementary#B49E2C, #42B42C

Tetradic#B42C42, #86B42C, #2CB49E

Tints, shades & saturation

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

Lighter +40%#CEBDEF

Lighter +30%#AF94E5

Lighter +20%#916BDB

Lighter +10%#7242D1

Darker −10%#46228B

Darker −20%#311862

Darker −30%#1D0E39

Darker −40%#080410

More saturated +25%#5110D0

Less saturated −25%#634898

Channel breakdown

R90

G44

B180

Red90 (35.3%)

Green44 (17.3%)

Blue180 (70.6%)

Hue260.29°

Saturation (HSL)60.71%

Lightness43.92%

Dominant channelBlue

Hex per channelR 5A · G 2C · B B4

Keep nerding

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

#5A2CB4

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