Recognised as Colour

#977BD5

#977BD5
Violet
Dark
Nearest: Medium purple

#977BD5 is a violet with RGB values 151, 123, 213 and HSL 259°, 52%, 66%. It is a dark colour, so black text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Medium purple.

Colour values

#977BD5#977BD5

HEX#977BD5

RGBrgb(151, 123, 213)

RGB (0–1)0.5922, 0.4824, 0.8353

RGB percentages59.2%, 48.2%, 83.5%

HSLhsl(258.7, 51.7%, 65.9%)

HSV / HSBhsv(258.7, 42.3%, 83.5%)

CMYK29.1%, 42.3%, 0%, 16.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,927,637

CSS custom property--colour: #977BD5;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.11:1

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

Contrast with black6.11:1WCAG normal text: AA

Greyscale equivalent#878787

Inverted#68842A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#618BD8no red cones; affects about 1% of men; ΔE 22.2 from the original

Deuteranopia#6689D3no green cones; the most common form, about 1% of men; ΔE 21.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.11:1WCAG large text: AAA

Named colours

Medium purple · ΔE 10.5 Slate blue · ΔE 20.5 Cornflower blue · ΔE 22.2 Royal blue · ΔE 25 Medium slateblue · ΔE 26 Plum · ΔE 26

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B9D57B

Analogous#7B8CD5, #C47BD5

Triadic#D5977B, #7BD597

Split complementary#D5C47B, #8CD57B

Tetradic#D57B8C, #B9D57B, #7BD5C4

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F2EFFA

Lighter +20%#D4C8EE

Lighter +10%#B5A2E1

Darker −10%#7954C9

Darker −20%#5E38B2

Darker −30%#4A2C8B

Darker −40%#352064

More saturated +25%#8F65EB

Less saturated −25%#9F91BF

Channel breakdown

R151

G123

B213

Red151 (59.2%)

Green123 (48.2%)

Blue213 (83.5%)

Hue258.67°

Saturation (HSL)51.72%

Lightness65.88%

Dominant channelBlue

Hex per channelR 97 · G 7B · B D5

Keep nerding

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

#977BD5

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