Colour

#A700A8

#A700A8
Magenta
Dark
Nearest: Dark magenta

#A700A8 is a magenta with RGB values 167, 0, 168 and HSL 300°, 100%, 33%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dark magenta.

Colour values

#A700A8#A700A8

HEX#A700A8

RGBrgb(167, 0, 168)

RGB (0–1)0.6549, 0, 0.6588

RGB percentages65.5%, 0%, 65.9%

HSLhsl(299.6, 100%, 32.9%)

HSV / HSBhsv(299.6, 100%, 65.9%)

CMYK0.6%, 100%, 0%, 34.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,944,680

CSS custom property--colour: #A700A8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.55:1

Contrast with white6.55:1WCAG normal text: AA

Contrast with black3.21:1WCAG normal text: Fail

Greyscale equivalent#303030

Inverted#58FF57

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0051ACno red cones; affects about 1% of men; ΔE 56.5 from the original

Deuteranopia#4164A5no green cones; the most common form, about 1% of men; ΔE 64 from the original

Tritanopia#AC2E61no blue cones; rare, and affects men and women equally; ΔE 48.4 from the original

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

Contrast with white, large text6.55:1WCAG large text: AAA

Contrast with black, large text3.21:1WCAG large text: AA

Named colours

Dark magenta · ΔE 13.1 Dark orchid · ΔE 17 Purple · ΔE 18.2 Medium orchid · ΔE 19 Dark violet · ΔE 26 Indigo · ΔE 29

Nearest named CSS colourDark magenta (#8B008B)ΔE 13.05, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#01A800

Analogous#5300A8, #A80055

Triadic#A8A700, #00A8A7

Split complementary#55A800, #00A853

Tetradic#A85300, #01A800, #0055A8

Tints, shades & saturation

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

Lighter +40%#FE75FF

Lighter +30%#FE42FF

Lighter +20%#FE0FFF

Lighter +10%#DA00DB

Darker −10%#740075

Darker −20%#420042

Darker −30%#0F000F

Darker −40%#000000

More saturated +25%#A700A8

Less saturated −25%#921593

Channel breakdown

R167

B168

Red167 (65.5%)

Green0 (0%)

Blue168 (65.9%)

Hue299.64°

Saturation (HSL)100%

Lightness32.94%

Dominant channelBlue

Hex per channelR A7 · G 00 · B A8

Keep nerding

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

#A700A8

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