Colour

#6017D4

#6017D4
Violet
Dark
Nearest: Blue violet

#6017D4 is a violet with RGB values 96, 23, 212 and HSL 263°, 80%, 46%. It is a dark colour, so white text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Blue violet.

Colour values

#6017D4#6017D4

HEX#6017D4

RGBrgb(96, 23, 212)

RGB (0–1)0.3765, 0.0902, 0.8314

RGB percentages37.6%, 9%, 83.1%

HSLhsl(263.2, 80.4%, 46.1%)

HSV / HSBhsv(263.2, 89.2%, 83.1%)

CMYK54.7%, 89.2%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,297,556

CSS custom property--colour: #6017D4;

Brightness & contrast

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

Perceived brightness90.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.17:1

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

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

Greyscale equivalent#343434

Inverted#9FE82B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0053D9no red cones; affects about 1% of men; ΔE 36.1 from the original

Deuteranopia#004BD1no green cones; the most common form, about 1% of men; ΔE 33.7 from the original

Tritanopia#2F577Dno blue cones; rare, and affects men and women equally; ΔE 88.6 from the original

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

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

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

Named colours

Blue violet · ΔE 10.7 Medium blue · ΔE 13.7 Dark violet · ΔE 14.9 Dark orchid · ΔE 23.1 Dark blue · ΔE 28.4 Blue · ΔE 29.3

Nearest named CSS colourBlue violet (#8A2BE2)ΔE 10.73, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8BD417

Analogous#172DD4, #BE17D4

Triadic#D46017, #17D460

Split complementary#D4BE17, #2DD417

Tetradic#D4172D, #8BD417, #17D4BE

Tints, shades & saturation

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

Lighter +40%#D5BFF8

Lighter +30%#B791F3

Lighter +20%#9963EE

Lighter +10%#7B35E9

Darker −10%#4B12A6

Darker −20%#360D78

Darker −30%#21084A

Darker −40%#0D031C

More saturated +25%#5B00EB

Less saturated −25%#6734B7

Channel breakdown

R96

G23

B212

Red96 (37.6%)

Green23 (9%)

Blue212 (83.1%)

Hue263.17°

Saturation (HSL)80.43%

Lightness46.08%

Dominant channelBlue

Hex per channelR 60 · G 17 · B D4

Keep nerding

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

#6017D4

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