Colour
#BB88DD
- #BB88DD
- Violet
- Dark
- Nearest: Plum
#BB88DD is a violet with RGB values 187, 136, 221 and HSL 276°, 56%, 70%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Plum.
Colour values
#BB88DD#BB88DD
HEX#BB88DD
HEX (short)#B8D
RGBrgb(187, 136, 221)
RGB (0–1)0.7333, 0.5333, 0.8667
RGB percentages73.3%, 53.3%, 86.7%
HSLhsl(276, 55.6%, 70%)
HSV / HSBhsv(276, 38.5%, 86.7%)
CMYK15.4%, 38.5%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,290,269
CSS custom property--colour: #BB88DD;
Brightness & contrast
Relative luminance0.33394WCAG 2.x, 0 is black and 1 is white
Perceived brightness164 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.68:1
Contrast with white2.73:1WCAG normal text: Fail
Contrast with black7.68:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#447722
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.73:1WCAG large text: Fail
Contrast with black, large text7.68:1WCAG large text: AAA
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#AADD88
Analogous#9088DD, #DD88D5
Triadic#DDBB88, #88DDBB
Split complementary#D4DD88, #88DD90
Tetradic#DD9088, #AADD88, #88D4DD
Tints, shades & saturation
Channel breakdown
R187
G136
B221
Red187 (73.3%)
Green136 (53.3%)
Blue221 (86.7%)
Hue276°
Saturation (HSL)55.56%
Lightness70%
Dominant channelBlue
Hex per channelR BB · G 88 · B DD
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page