Recognised as Colour

#B188DF

#B188DF
Violet
Dark
Nearest: Medium purple

#B188DF is a violet with RGB values 177, 136, 223 and HSL 268°, 58%, 70%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Medium purple.

Colour values

#B188DF#B188DF

HEX#B188DF

RGBrgb(177, 136, 223)

RGB (0–1)0.6941, 0.5333, 0.8745

RGB percentages69.4%, 53.3%, 87.5%

HSLhsl(268.3, 57.6%, 70.4%)

HSV / HSBhsv(268.3, 39%, 87.5%)

CMYK20.6%, 39%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,634,911

CSS custom property--colour: #B188DF;

Brightness & contrast

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

Perceived brightness160.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.46:1

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

Contrast with black7.46:1WCAG normal text: AAA

Greyscale equivalent#979797

Inverted#4E7720

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7499E2no red cones; affects about 1% of men; ΔE 25.6 from the original

Deuteranopia#7D9ADDno green cones; the most common form, about 1% of men; ΔE 25.3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text7.46:1WCAG large text: AAA

Named colours

Medium purple · ΔE 15 Plum · ΔE 19.3 Orchid · ΔE 23.2 Violet · ΔE 24.7 Cornflower blue · ΔE 25.6 Slate blue · ΔE 26.7

Nearest named CSS colourMedium purple (#9370DB)ΔE 15.01, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B6DF88

Analogous#888ADF, #DD88DF

Triadic#DFB188, #88DFB1

Split complementary#DFDC88, #8ADF88

Tetradic#DF888A, #B6DF88, #88DFDD

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E6D8F5

Lighter +10%#CBB0EA

Darker −10%#9760D4

Darker −20%#7C38C9

Darker −30%#642CA2

Darker −40%#4B217A

More saturated +25%#B075F2

Less saturated −25%#B29BCC

Channel breakdown

R177

G136

B223

Red177 (69.4%)

Green136 (53.3%)

Blue223 (87.5%)

Hue268.28°

Saturation (HSL)57.62%

Lightness70.39%

Dominant channelBlue

Hex per channelR B1 · G 88 · B DF

Keep nerding

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

#B188DF

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