Recognised as Colour

#9677CC

#9677CC
Violet
Dark
Nearest: Medium purple

#9677CC is a violet with RGB values 150, 119, 204 and HSL 262°, 45%, 63%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Medium purple.

Colour values

#9677CC#9677CC

HEX#9677CC

RGBrgb(150, 119, 204)

RGB (0–1)0.5882, 0.4667, 0.8

RGB percentages58.8%, 46.7%, 80%

HSLhsl(261.9, 45.5%, 63.3%)

HSV / HSBhsv(261.9, 41.7%, 80%)

CMYK26.5%, 41.7%, 0%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,861,068

CSS custom property--colour: #9677CC;

Brightness & contrast

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

Perceived brightness140.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.81:1

Contrast with white3.62:1WCAG normal text: Fail

Contrast with black5.81:1WCAG normal text: AA

Greyscale equivalent#848484

Inverted#698833

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6086CFno red cones; affects about 1% of men; ΔE 22.1 from the original

Deuteranopia#6686CAno green cones; the most common form, about 1% of men; ΔE 22.3 from the original

Tritanopia#8C8698no blue cones; rare, and affects men and women equally; ΔE 39.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.62:1WCAG large text: AA

Contrast with black, large text5.81:1WCAG large text: AAA

Named colours

Medium purple · ΔE 12.5 Slate blue · ΔE 21.9 Cornflower blue · ΔE 23.3 Plum · ΔE 24.9 Dark slateblue · ΔE 25.7 Orchid · ΔE 26.9

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#ADCC77

Analogous#7783CC, #C077CC

Triadic#CC9677, #77CC96

Split complementary#CCC177, #83CC77

Tetradic#CC7783, #ADCC77, #77CCC1

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#ECE6F6

Lighter +20%#CFC1E8

Lighter +10%#B39CDA

Darker −10%#7952BE

Darker −20%#613CA1

Darker −30%#4B2E7C

Darker −40%#342057

More saturated +25%#9060E3

Less saturated −25%#9C8EB5

Channel breakdown

R150

G119

B204

Red150 (58.8%)

Green119 (46.7%)

Blue204 (80%)

Hue261.88°

Saturation (HSL)45.45%

Lightness63.33%

Dominant channelBlue

Hex per channelR 96 · G 77 · B CC

Keep nerding

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

#9677CC

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