Colour

#89678A

#89678A
Magenta
Dark
Nearest: Slate grey

#89678A is a magenta with RGB values 137, 103, 138 and HSL 298°, 15%, 47%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#89678A#89678A

HEX#89678A

RGBrgb(137, 103, 138)

RGB (0–1)0.5373, 0.4039, 0.5412

RGB percentages53.7%, 40.4%, 54.1%

HSLhsl(298.3, 14.5%, 47.3%)

HSV / HSBhsv(298.3, 25.4%, 54.1%)

CMYK0.7%, 25.4%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,004,938

CSS custom property--colour: #89678A;

Brightness & contrast

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

Perceived brightness118.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.8:1

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

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

Greyscale equivalent#717171

Inverted#769875

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#65708Bno red cones; affects about 1% of men; ΔE 17.8 from the original

Deuteranopia#6C7489no green cones; the most common form, about 1% of men; ΔE 18.2 from the original

Tritanopia#8B6A73no blue cones; rare, and affects men and women equally; ΔE 15.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 22.9 Light slate grey · ΔE 23.7 Dim grey · ΔE 24.7 Gray · ΔE 25 Rosy brown · ΔE 26 Plum · ΔE 29.3

Nearest named CSS colourSlate grey (#708090)ΔE 22.89, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#688A67

Analogous#77678A, #8A677A

Triadic#8A8967, #678A89

Split complementary#798A67, #678A77

Tetradic#8A7767, #688A67, #677A8A

Tints, shades & saturation

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

Lighter +40%#E3DAE3

Lighter +30%#CDBDCD

Lighter +20%#B79FB8

Lighter +10%#A182A2

Darker −10%#6C516D

Darker −20%#4F3B50

Darker −30%#322632

Darker −40%#151015

More saturated +25%#A549A8

Less saturated −25%#787878

Channel breakdown

R137

G103

B138

Red137 (53.7%)

Green103 (40.4%)

Blue138 (54.1%)

Hue298.29°

Saturation (HSL)14.52%

Lightness47.25%

Dominant channelBlue

Hex per channelR 89 · G 67 · B 8A

Keep nerding

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

#89678A

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