Recognised as Colour

#5718AA

#5718AA
Violet
Dark
Nearest: Indigo

#5718AA is a violet with RGB values 87, 24, 170 and HSL 266°, 75%, 38%. It is a dark colour, so white text on it reaches 9.9:1 contrast (AAA for normal text). The nearest named colour is Indigo.

Colour values

#5718AA#5718AA

HEX#5718AA

RGBrgb(87, 24, 170)

RGB (0–1)0.3412, 0.0941, 0.6667

RGB percentages34.1%, 9.4%, 66.7%

HSLhsl(265.9, 75.3%, 38%)

HSV / HSBhsv(265.9, 85.9%, 66.7%)

CMYK48.8%, 85.9%, 0%, 33.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,707,946

CSS custom property--colour: #5718AA;

Brightness & contrast

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

Perceived brightness76.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.92:1

Contrast with white9.92:1WCAG normal text: AAA

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

Greyscale equivalent#303030

Inverted#A8E755

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0044AEno red cones; affects about 1% of men; ΔE 31 from the original

Deuteranopia#0040A7no green cones; the most common form, about 1% of men; ΔE 31.1 from the original

Tritanopia#3D4565no 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 text9.92:1WCAG large text: AAA

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

Named colours

Indigo · ΔE 14.8 Dark blue · ΔE 15.2 Navy · ΔE 17.7 Dark orchid · ΔE 18.1 Blue violet · ΔE 21.7 Rebecca purple · ΔE 22.8

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6BAA18

Analogous#1822AA, #A018AA

Triadic#AA5718, #18AA57

Split complementary#AAA018, #22AA18

Tetradic#AA1822, #6BAA18, #18AAA0

Tints, shades & saturation

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

Lighter +40%#C19DF1

Lighter +30%#A570EB

Lighter +20%#8943E5

Lighter +10%#6E1ED7

Darker −10%#40127D

Darker −20%#290B51

Darker −30%#120524

Darker −40%#000000

More saturated +25%#5400C2

Less saturated −25%#5A3092

Channel breakdown

R87

G24

B170

Red87 (34.1%)

Green24 (9.4%)

Blue170 (66.7%)

Hue265.89°

Saturation (HSL)75.26%

Lightness38.04%

Dominant channelBlue

Hex per channelR 57 · G 18 · B AA

Keep nerding

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

#5718AA

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