Colour

#8861BC

#8861BC
Violet
Dark
Nearest: Medium purple

#8861BC is a violet with RGB values 136, 97, 188 and HSL 266°, 40%, 56%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Medium purple.

Colour values

#8861BC#8861BC

HEX#8861BC

RGBrgb(136, 97, 188)

RGB (0–1)0.5333, 0.3804, 0.7373

RGB percentages53.3%, 38%, 73.7%

HSLhsl(265.7, 40.4%, 55.9%)

HSV / HSBhsv(265.7, 48.4%, 73.7%)

CMYK27.7%, 48.4%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,937,916

CSS custom property--colour: #8861BC;

Brightness & contrast

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

Perceived brightness122.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.68:1

Contrast with white4.68:1WCAG normal text: AA

Contrast with black4.48:1WCAG normal text: Fail

Greyscale equivalent#707070

Inverted#779E43

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4573BFno red cones; affects about 1% of men; ΔE 26.2 from the original

Deuteranopia#4F74BAno green cones; the most common form, about 1% of men; ΔE 26.5 from the original

Tritanopia#7E7186no blue cones; rare, and affects men and women equally; ΔE 41.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.68:1WCAG large text: AAA

Contrast with black, large text4.48:1WCAG large text: AA

Named colours

Medium purple · ΔE 10.2 Slate blue · ΔE 15.9 Rebecca purple · ΔE 18.5 Dark slateblue · ΔE 19.9 Medium slateblue · ΔE 24.2 Royal blue · ΔE 24.5

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#95BC61

Analogous#6167BC, #B661BC

Triadic#BC8861, #61BC88

Split complementary#BCB661, #68BC61

Tetradic#BC6167, #95BC61, #61BCB6

Tints, shades & saturation

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

Lighter +40%#F4F0F9

Lighter +30%#D9CCEA

Lighter +20%#BEA9DA

Lighter +10%#A385CB

Darker −10%#6E46A4

Darker −20%#563681

Darker −30%#3E275D

Darker −40%#261839

More saturated +25%#8445D8

Less saturated −25%#8C7DA0

Channel breakdown

R136

G97

B188

Red136 (53.3%)

Green97 (38%)

Blue188 (73.7%)

Hue265.71°

Saturation (HSL)40.44%

Lightness55.88%

Dominant channelBlue

Hex per channelR 88 · G 61 · B BC

Keep nerding

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

#8861BC

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