Nerdulator> put something in

Recognised as Colour

#87336B

  • #87336B
  • Magenta
  • Dark
  • Nearest: Purple

#87336B is a magenta with RGB values 135, 51, 107 and HSL 320°, 45%, 36%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Purple.

Colour values

#87336B#87336B
HEX#87336B
RGBrgb(135, 51, 107)
RGB (0–1)0.5294, 0.2, 0.4196
RGB percentages52.9%, 20%, 42%
HSLhsl(320, 45.2%, 36.5%)
HSV / HSBhsv(320, 62.2%, 52.9%)
CMYK0%, 62.2%, 20.7%, 47.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,860,523
CSS custom property--colour: #87336B;

Brightness & contrast

Relative luminance0.0858WCAG 2.x, 0 is black and 1 is white
Perceived brightness91 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.73:1
Contrast with white7.73:1WCAG normal text: AAA
Contrast with black2.72:1WCAG normal text: Fail
Greyscale equivalent#494949
Inverted#78CC94

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3A4A6Dno red cones; affects about 1% of men; ΔE 39.3 from the original
Deuteranopia#525869no green cones; the most common form, about 1% of men; ΔE 41 from the original
Tritanopia#8F334Ano blue cones; rare, and affects men and women equally; ΔE 21.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.73:1WCAG large text: AAA
Contrast with black, large text2.72:1WCAG large text: Fail

Named colours

Purple · ΔE 27.8Pale violetred · ΔE 29.7Medium violet red · ΔE 30.1Dark magenta · ΔE 31.4Dark slateblue · ΔE 32.2Rebecca purple · ΔE 32.5
Nearest named CSS colourPurple (#800080)ΔE 27.85, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#33874F
Analogous#793387, #873341
Triadic#6B8733, #336B87
Split complementary#418733, #338779
Tetradic#877933, #33874F, #334187

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#DEA8CC
Lighter +30%#D083B6
Lighter +20%#C25EA1
Lighter +10%#AC4188
Darker −10%#62254E
Darker −20%#3D1730
Darker −30%#180913
Darker −40%#000000
More saturated +25%#9E1C73
Less saturated −25%#704A63

Channel breakdown

R135
G51
B107
Red135 (52.9%)
Green51 (20%)
Blue107 (42%)
Hue320°
Saturation (HSL)45.16%
Lightness36.47%
Dominant channelRed
Hex per channelR 87 · G 33 · B 6B

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “87336b” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.