Colour

#5101A4

#5101A4
Violet
Dark
Nearest: Dark blue

#5101A4 is a violet with RGB values 81, 1, 164 and HSL 269°, 99%, 32%. It is a dark colour, so white text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#5101A4#5101A4

HEX#5101A4

RGBrgb(81, 1, 164)

RGB (0–1)0.3176, 0.0039, 0.6431

RGB percentages31.8%, 0.4%, 64.3%

HSLhsl(269.4, 98.8%, 32.4%)

HSV / HSBhsv(269.4, 99.4%, 64.3%)

CMYK50.6%, 99.4%, 0%, 35.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,308,836

CSS custom property--colour: #5101A4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.11:1

Contrast with white11.11:1WCAG normal text: AAA

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

Greyscale equivalent#1E1E1E

Inverted#AEFE5B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#0039A1no green cones; the most common form, about 1% of men; ΔE 32.5 from the original

Tritanopia#363E5Fno blue cones; rare, and affects men and women equally; ΔE 70.5 from the original

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

Contrast with white, large text11.11:1WCAG large text: AAA

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

Named colours

Dark blue · ΔE 14 Indigo · ΔE 16.3 Navy · ΔE 17.3 Dark orchid · ΔE 20.2 Blue violet · ΔE 21.5 Dark violet · ΔE 22.4

Nearest named CSS colourDark blue (#00008B)ΔE 14.01, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#54A401

Analogous#0103A4, #A201A4

Triadic#A45101, #01A451

Split complementary#A4A201, #03A401

Tetradic#A40103, #54A401, #01A4A2

Tints, shades & saturation

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

Lighter +40%#B773FE

Lighter +30%#9D40FE

Lighter +20%#830DFE

Lighter +10%#6A01D7

Darker −10%#380171

Darker −20%#1F003F

Darker −30%#06000C

Darker −40%#000000

More saturated +25%#5100A5

Less saturated −25%#51168F

Channel breakdown

R81

B164

Red81 (31.8%)

Green1 (0.4%)

Blue164 (64.3%)

Hue269.45°

Saturation (HSL)98.79%

Lightness32.35%

Dominant channelBlue

Hex per channelR 51 · G 01 · B A4

Keep nerding

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

#5101A4

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