Colour

#970BBA

#970BBA
Violet
Dark
Nearest: Dark orchid

#970BBA is a violet with RGB values 151, 11, 186 and HSL 288°, 89%, 39%. It is a dark colour, so white text on it reaches 6.8:1 contrast (AA for normal text). The nearest named colour is Dark orchid.

Colour values

#970BBA#970BBA

HEX#970BBA

RGBrgb(151, 11, 186)

RGB (0–1)0.5922, 0.0431, 0.7294

RGB percentages59.2%, 4.3%, 72.9%

HSLhsl(288, 88.8%, 38.6%)

HSV / HSBhsv(288, 94.1%, 72.9%)

CMYK18.8%, 94.1%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,898,938

CSS custom property--colour: #970BBA;

Brightness & contrast

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

Perceived brightness104.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.83:1

Contrast with white6.83:1WCAG normal text: AA

Contrast with black3.07:1WCAG normal text: Fail

Greyscale equivalent#353535

Inverted#68F445

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0053BEno red cones; affects about 1% of men; ΔE 49 from the original

Deuteranopia#0F5EB7no green cones; the most common form, about 1% of men; ΔE 58.5 from the original

Tritanopia#95406Dno blue cones; rare, and affects men and women equally; ΔE 57.4 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text6.83:1WCAG large text: AAA

Contrast with black, large text3.07:1WCAG large text: AA

Named colours

Dark orchid · ΔE 8 Dark violet · ΔE 14 Blue violet · ΔE 17.7 Dark magenta · ΔE 21.4 Medium orchid · ΔE 21.7 Purple · ΔE 25.7

Nearest named CSS colourDark orchid (#9932CC)ΔE 7.99, clearly different but related

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2EBA0B

Analogous#3F0BBA, #BA0B86

Triadic#BA970B, #0BBA97

Split complementary#85BA0B, #0BBA3F

Tetradic#BA3F0B, #2EBA0B, #0B86BA

Tints, shades & saturation

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

Lighter +40%#E698F9

Lighter +30%#DA68F6

Lighter +20%#CE38F3

Lighter +10%#BE0EEA

Darker −10%#70088A

Darker −20%#49055A

Darker −30%#22022A

Darker −40%#000000

More saturated +25%#9E00C5

Less saturated −25%#8824A1

Channel breakdown

R151

G11

B186

Red151 (59.2%)

Green11 (4.3%)

Blue186 (72.9%)

Hue288°

Saturation (HSL)88.83%

Lightness38.63%

Dominant channelBlue

Hex per channelR 97 · G 0B · B BA

Keep nerding

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

#970BBA

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