Recognised as Colour

#9877A3

#9877A3
Violet
Dark
Nearest: Plum

#9877A3 is a violet with RGB values 152, 119, 163 and HSL 285°, 19%, 55%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#9877A3#9877A3

HEX#9877A3

RGBrgb(152, 119, 163)

RGB (0–1)0.5961, 0.4667, 0.6392

RGB percentages59.6%, 46.7%, 63.9%

HSLhsl(285, 19.3%, 55.3%)

HSV / HSBhsv(285, 27%, 63.9%)

CMYK6.7%, 27%, 0%, 36.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,992,099

CSS custom property--colour: #9877A3;

Brightness & contrast

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

Perceived brightness135.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.5:1

Contrast with white3.82:1WCAG normal text: Fail

Contrast with black5.5:1WCAG normal text: AA

Greyscale equivalent#818181

Inverted#67885C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7280A5no red cones; affects about 1% of men; ΔE 17.5 from the original

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

Tritanopia#987C86no blue cones; rare, and affects men and women equally; ΔE 19.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.82:1WCAG large text: AA

Contrast with black, large text5.5:1WCAG large text: AAA

Named colours

Plum · ΔE 22.3 Light slate grey · ΔE 24.5 Slate grey · ΔE 24.6 Rosy brown · ΔE 27.1 Gray · ΔE 28.1 Thistle · ΔE 28.3

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#82A377

Analogous#8277A3, #A37798

Triadic#A39877, #77A398

Split complementary#98A377, #77A382

Tetradic#A38277, #82A377, #7798A3

Tints, shades & saturation

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

Lighter +40%#F4F1F5

Lighter +30%#DDD2E1

Lighter +20%#C6B4CC

Lighter +10%#AF95B8

Darker −10%#7F5D8A

Darker −20%#63496B

Darker −30%#47344D

Darker −40%#2B1F2F

More saturated +25%#A65BC0

Less saturated −25%#8D8D8D

Channel breakdown

R152

G119

B163

Red152 (59.6%)

Green119 (46.7%)

Blue163 (63.9%)

Hue285°

Saturation (HSL)19.3%

Lightness55.29%

Dominant channelBlue

Hex per channelR 98 · G 77 · B A3

Keep nerding

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

#9877A3

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