Colour

#AB12FF

#AB12FF
Violet
Dark
Nearest: Dark violet

#AB12FF is a violet with RGB values 171, 18, 255 and HSL 279°, 100%, 54%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Dark violet.

Colour values

#AB12FF#AB12FF

HEX#AB12FF

RGBrgb(171, 18, 255)

RGB (0–1)0.6706, 0.0706, 1

RGB percentages67.1%, 7.1%, 100%

HSLhsl(278.7, 100%, 53.5%)

HSV / HSBhsv(278.7, 92.9%, 100%)

CMYK32.9%, 92.9%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,211,519

CSS custom property--colour: #AB12FF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.93:1

Contrast with white4.93:1WCAG normal text: AA

Contrast with black4.26:1WCAG normal text: Fail

Greyscale equivalent#444444

Inverted#54ED00

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#006CFFno red cones; affects about 1% of men; ΔE 54.1 from the original

Deuteranopia#0071FBno green cones; the most common form, about 1% of men; ΔE 59.2 from the original

Tritanopia#9C6297no blue cones; rare, and affects men and women equally; ΔE 82.7 from the original

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

Contrast with white, large text4.93:1WCAG large text: AAA

Contrast with black, large text4.26:1WCAG large text: AA

Named colours

Dark violet · ΔE 17 Blue violet · ΔE 18.1 Fuchsia · ΔE 28.3 Magenta · ΔE 28.3 Blue · ΔE 30.2 Medium blue · ΔE 30.3

Nearest named CSS colourDark violet (#9400D3)ΔE 16.99, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#66FF12

Analogous#3512FF, #FF12DC

Triadic#FFAB12, #12FFAB

Split complementary#DDFF12, #12FF34

Tetradic#FF3412, #66FF12, #12DCFF

Tints, shades & saturation

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

Lighter +40%#F3DEFF

Lighter +30%#E1ABFF

Lighter +20%#CF78FF

Lighter +10%#BD45FF

Darker −10%#8F00DE

Darker −20%#6E00AB

Darker −30%#4D0078

Darker −40%#2D0045

More saturated +25%#AB12FF

Less saturated −25%#A230E1

Channel breakdown

R171

G18

B255

Red171 (67.1%)

Green18 (7.1%)

Blue255 (100%)

Hue278.73°

Saturation (HSL)100%

Lightness53.53%

Dominant channelBlue

Hex per channelR AB · G 12 · B FF

Keep nerding

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

#AB12FF

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