Recognised as Colour

#9870A3

#9870A3
Violet
Dark
Nearest: Plum

#9870A3 is a violet with RGB values 152, 112, 163 and HSL 287°, 22%, 54%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#9870A3#9870A3

HEX#9870A3

RGBrgb(152, 112, 163)

RGB (0–1)0.5961, 0.4392, 0.6392

RGB percentages59.6%, 43.9%, 63.9%

HSLhsl(287.1, 21.7%, 53.9%)

HSV / HSBhsv(287.1, 31.3%, 63.9%)

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

24-bit integer9,990,307

CSS custom property--colour: #9870A3;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.18:1

Contrast with white4.05:1WCAG normal text: Fail

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

Greyscale equivalent#7C7C7C

Inverted#678F5C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6A7BA5no red cones; affects about 1% of men; ΔE 21 from the original

Deuteranopia#7380A1no green cones; the most common form, about 1% of men; ΔE 22.1 from the original

Tritanopia#997682no blue cones; rare, and affects men and women equally; ΔE 22.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.05:1WCAG large text: AA

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

Named colours

Plum · ΔE 21.8 Slate grey · ΔE 29.3 Light slate grey · ΔE 29.3 Dark slateblue · ΔE 30.3 Pale violetred · ΔE 30.8 Rosy brown · ΔE 31

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7BA370

Analogous#7E70A3, #A37095

Triadic#A39870, #70A398

Split complementary#94A370, #70A37E

Tetradic#A37F70, #7BA370, #7095A3

Tints, shades & saturation

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

Lighter +40%#F1ECF3

Lighter +30%#DBCDDF

Lighter +20%#C5AECB

Lighter +10%#AE8FB7

Darker −10%#7E5888

Darker −20%#614469

Darker −30%#45304A

Darker −40%#281C2B

More saturated +25%#A953C0

Less saturated −25%#8A8A8A

Channel breakdown

R152

G112

B163

Red152 (59.6%)

Green112 (43.9%)

Blue163 (63.9%)

Hue287.06°

Saturation (HSL)21.7%

Lightness53.92%

Dominant channelBlue

Hex per channelR 98 · G 70 · B A3

Keep nerding

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

#9870A3

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