Recognised as Colour

#9F87BF

#9F87BF
Violet
Dark
Nearest: Plum

#9F87BF is a violet with RGB values 159, 135, 191 and HSL 266°, 30%, 64%. It is a dark colour, so black text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#9F87BF#9F87BF

HEX#9F87BF

RGBrgb(159, 135, 191)

RGB (0–1)0.6235, 0.5294, 0.749

RGB percentages62.4%, 52.9%, 74.9%

HSLhsl(265.7, 30.4%, 63.9%)

HSV / HSBhsv(265.7, 29.3%, 74.9%)

CMYK16.8%, 29.3%, 0%, 25.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,454,975

CSS custom property--colour: #9F87BF;

Brightness & contrast

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

Perceived brightness149.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.69:1

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

Contrast with black6.69:1WCAG normal text: AA

Greyscale equivalent#909090

Inverted#607840

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7C91C1no red cones; affects about 1% of men; ΔE 16 from the original

Deuteranopia#8091BDno green cones; the most common form, about 1% of men; ΔE 15.9 from the original

Tritanopia#9A8F9Bno blue cones; rare, and affects men and women equally; ΔE 25.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.69:1WCAG large text: AAA

Named colours

Plum · ΔE 18.3 Cornflower blue · ΔE 25.9 Steel blue · ΔE 26.3 Thistle · ΔE 26.8 Light slate grey · ΔE 27.3 Slate grey · ΔE 28.1

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A7BF87

Analogous#878BBF, #BB87BF

Triadic#BF9F87, #87BF9F

Split complementary#BFBB87, #8BBF87

Tetradic#BF878B, #A7BF87, #87BFBB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#EFEBF4

Lighter +20%#D4CAE2

Lighter +10%#BAA8D1

Darker −10%#8466AD

Darker −20%#6B4E92

Darker −30%#533C71

Darker −40%#3A2A50

More saturated +25%#9C70D6

Less saturated −25%#A29EA8

Channel breakdown

R159

G135

B191

Red159 (62.4%)

Green135 (52.9%)

Blue191 (74.9%)

Hue265.71°

Saturation (HSL)30.43%

Lightness63.92%

Dominant channelBlue

Hex per channelR 9F · G 87 · B BF

Keep nerding

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

#9F87BF

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