Colour

#AF18B2

#AF18B2
Magenta
Dark
Nearest: Dark magenta

#AF18B2 is a magenta with RGB values 175, 24, 178 and HSL 299°, 76%, 40%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Dark magenta.

Colour values

#AF18B2#AF18B2

HEX#AF18B2

RGBrgb(175, 24, 178)

RGB (0–1)0.6863, 0.0941, 0.698

RGB percentages68.6%, 9.4%, 69.8%

HSLhsl(298.8, 76.2%, 39.6%)

HSV / HSBhsv(298.8, 86.5%, 69.8%)

CMYK1.7%, 86.5%, 0%, 30.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,475,122

CSS custom property--colour: #AF18B2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.84:1

Contrast with white5.84:1WCAG normal text: AA

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

Greyscale equivalent#434343

Inverted#50E74D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0059B6no red cones; affects about 1% of men; ΔE 57.6 from the original

Deuteranopia#476BAFno green cones; the most common form, about 1% of men; ΔE 63.5 from the original

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

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

Contrast with white, large text5.84:1WCAG large text: AAA

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

Named colours

Dark magenta · ΔE 15.3 Dark orchid · ΔE 15.7 Medium orchid · ΔE 16.7 Purple · ΔE 20.3 Dark violet · ΔE 25.3 Orchid · ΔE 28.2

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1BB218

Analogous#6218B2, #B21868

Triadic#B2AF18, #18B2AF

Split complementary#68B218, #18B262

Tetradic#B26218, #1BB218, #1868B2

Tints, shades & saturation

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

Lighter +40%#F1A3F3

Lighter +30%#EA76ED

Lighter +20%#E349E7

Lighter +10%#DB1EDF

Darker −10%#831285

Darker −20%#570C58

Darker −30%#2A062B

Darker −40%#000000

More saturated +25%#C600CA

Less saturated −25%#973199

Channel breakdown

R175

G24

B178

Red175 (68.6%)

Green24 (9.4%)

Blue178 (69.8%)

Hue298.83°

Saturation (HSL)76.24%

Lightness39.61%

Dominant channelBlue

Hex per channelR AF · G 18 · B B2

Keep nerding

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

#AF18B2

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