Colour

#BB99B8

#BB99B8
Magenta
Dark
Nearest: Thistle

#BB99B8 is a magenta with RGB values 187, 153, 184 and HSL 305°, 20%, 67%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Thistle.

Colour values

#BB99B8#BB99B8

HEX#BB99B8

RGBrgb(187, 153, 184)

RGB (0–1)0.7333, 0.6, 0.7216

RGB percentages73.3%, 60%, 72.2%

HSLhsl(305.3, 20%, 66.7%)

HSV / HSBhsv(305.3, 18.2%, 73.3%)

CMYK0%, 18.2%, 1.6%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,294,584

CSS custom property--colour: #BB99B8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.36:1

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

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

Greyscale equivalent#A2A2A2

Inverted#446647

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#98A1B9no red cones; affects about 1% of men; ΔE 16.3 from the original

Deuteranopia#9FA5B7no green cones; the most common form, about 1% of men; ΔE 16.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Thistle · ΔE 14 Rosy brown · ΔE 18.3 Plum · ΔE 19.1 Dark grey · ΔE 21.4 Light steelblue · ΔE 22.7 Pink · ΔE 22.8

Nearest named CSS colourThistle (#D8BFD8)ΔE 13.96, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#99BB9C

Analogous#AD99BB, #BB99A7

Triadic#B8BB99, #99B8BB

Split complementary#A7BB99, #99BBAD

Tetradic#BBAD99, #99BB9C, #99A7BB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F8F5F8

Lighter +20%#E4D6E3

Lighter +10%#CFB8CD

Darker −10%#A77AA3

Darker −20%#8F5F8B

Darker −30%#704B6D

Darker −40%#52364F

More saturated +25%#D084CA

Less saturated −25%#AAAAAA

Channel breakdown

R187

G153

B184

Red187 (73.3%)

Green153 (60%)

Blue184 (72.2%)

Hue305.29°

Saturation (HSL)20%

Lightness66.67%

Dominant channelRed

Hex per channelR BB · G 99 · B B8

Keep nerding

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

#BB99B8

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