Colour

#BB96DD

#BB96DD
Violet
Dark
Nearest: Plum

#BB96DD is a violet with RGB values 187, 150, 221 and HSL 271°, 51%, 73%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#BB96DD#BB96DD

HEX#BB96DD

RGBrgb(187, 150, 221)

RGB (0–1)0.7333, 0.5882, 0.8667

RGB percentages73.3%, 58.8%, 86.7%

HSLhsl(271.3, 51.1%, 72.7%)

HSV / HSBhsv(271.3, 32.1%, 86.7%)

CMYK15.4%, 32.1%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,293,853

CSS custom property--colour: #BB96DD;

Brightness & contrast

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

Perceived brightness171 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.52:1

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

Contrast with black8.52:1WCAG normal text: AAA

Greyscale equivalent#A3A3A3

Inverted#446922

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#89A3E0no red cones; affects about 1% of men; ΔE 21.4 from the original

Deuteranopia#90A5DBno green cones; the most common form, about 1% of men; ΔE 21.8 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text8.52:1WCAG large text: AAA

Named colours

Plum · ΔE 11.8 Medium purple · ΔE 24.9 Cornflower blue · ΔE 26.3 Thistle · ΔE 28.6 Orchid · ΔE 28.7 Violet · ΔE 29.8

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B8DD96

Analogous#9796DD, #DD96DC

Triadic#DDBB96, #96DDBB

Split complementary#DCDD96, #96DD98

Tetradic#DD9896, #B8DD96, #96DCDD

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#EDE3F6

Lighter +10%#D4BDE9

Darker −10%#A26FD1

Darker −20%#8949C4

Darker −30%#6F35A5

Darker −40%#55297E

More saturated +25%#BC85EE

Less saturated −25%#BAA7CC

Channel breakdown

R187

G150

B221

Red187 (73.3%)

Green150 (58.8%)

Blue221 (86.7%)

Hue271.27°

Saturation (HSL)51.08%

Lightness72.75%

Dominant channelBlue

Hex per channelR BB · G 96 · B DD

Keep nerding

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

#BB96DD

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