Recognised as Colour

#540AE2

#540AE2
Violet
Dark
Nearest: Medium blue

#540AE2 is a violet with RGB values 84, 10, 226 and HSL 261°, 92%, 46%. It is a dark colour, so white text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#540AE2#540AE2

HEX#540AE2

RGBrgb(84, 10, 226)

RGB (0–1)0.3294, 0.0392, 0.8863

RGB percentages32.9%, 3.9%, 88.6%

HSLhsl(260.6, 91.5%, 46.3%)

HSV / HSBhsv(260.6, 95.6%, 88.6%)

CMYK62.8%, 95.6%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,507,810

CSS custom property--colour: #540AE2;

Brightness & contrast

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

Perceived brightness89.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.34:1

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

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

Greyscale equivalent#292929

Inverted#ABF51D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0054E7no red cones; affects about 1% of men; ΔE 37.6 from the original

Deuteranopia#0047DFno green cones; the most common form, about 1% of men; ΔE 31.5 from the original

Tritanopia#005C85no blue cones; rare, and affects men and women equally; ΔE 100.4 from the original

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

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

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

Named colours

Medium blue · ΔE 9.9 Blue violet · ΔE 17.9 Blue · ΔE 19.1 Dark violet · ΔE 20.9 Dark orchid · ΔE 32.4 Dark blue · ΔE 35.8

Nearest named CSS colourMedium blue (#0000CD)ΔE 9.95, clearly different but related

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#98E20A

Analogous#0A2CE2, #C00AE2

Triadic#E2540A, #0AE254

Split complementary#E2C00A, #2CE20A

Tetradic#E20A2C, #98E20A, #0AE2C0

Tints, shades & saturation

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

Lighter +40%#D2BCFC

Lighter +30%#B18BFA

Lighter +20%#905AF8

Lighter +10%#6F29F6

Darker −10%#4208B1

Darker −20%#300680

Darker −30%#1E044F

Darker −40%#0B011F

More saturated +25%#5100EC

Less saturated −25%#5D28C4

Channel breakdown

R84

G10

B226

Red84 (32.9%)

Green10 (3.9%)

Blue226 (88.6%)

Hue260.56°

Saturation (HSL)91.53%

Lightness46.27%

Dominant channelBlue

Hex per channelR 54 · G 0A · B E2

Keep nerding

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

#540AE2

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