Colour

#B888B0

#B888B0
Magenta
Dark
Nearest: Plum

#B888B0 is a magenta with RGB values 184, 136, 176 and HSL 310°, 25%, 63%. It is a dark colour, so black text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#B888B0#B888B0

HEX#B888B0

RGBrgb(184, 136, 176)

RGB (0–1)0.7216, 0.5333, 0.6902

RGB percentages72.2%, 53.3%, 69%

HSLhsl(310, 25.3%, 62.7%)

HSV / HSBhsv(310, 26.1%, 72.2%)

CMYK0%, 26.1%, 4.3%, 27.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,093,616

CSS custom property--colour: #B888B0;

Brightness & contrast

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

Perceived brightness156.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.19:1

Contrast with white2.92:1WCAG normal text: Fail

Contrast with black7.19:1WCAG normal text: AAA

Greyscale equivalent#959595

Inverted#47774F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8793B2no red cones; affects about 1% of men; ΔE 22.7 from the original

Deuteranopia#9299AEno green cones; the most common form, about 1% of men; ΔE 23.1 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.92:1WCAG large text: Fail

Contrast with black, large text7.19:1WCAG large text: AAA

Named colours

Plum · ΔE 15.6 Thistle · ΔE 21.7 Rosy brown · ΔE 22 Pale violetred · ΔE 25.1 Light pink · ΔE 26.7 Pink · ΔE 27.2

Nearest named CSS colourPlum (#DDA0DD)ΔE 15.58, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#88B890

Analogous#A888B8, #B88898

Triadic#B0B888, #88B0B8

Split complementary#98B888, #88B8A8

Tetradic#B8A888, #88B890, #8898B8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F1E8F0

Lighter +20%#DEC8DA

Lighter +10%#CBA8C5

Darker −10%#A5689B

Darker −20%#89517F

Darker −30%#693E62

Darker −40%#492B44

More saturated +25%#D070C0

Less saturated −25%#A0A0A0

Channel breakdown

R184

G136

B176

Red184 (72.2%)

Green136 (53.3%)

Blue176 (69%)

Hue310°

Saturation (HSL)25.26%

Lightness62.75%

Dominant channelRed

Hex per channelR B8 · G 88 · B B0

Keep nerding

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

#B888B0

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