Recognised as Colour

#8276A3

#8276A3
Violet
Dark
Nearest: Slate grey

#8276A3 is a violet with RGB values 130, 118, 163 and HSL 256°, 20%, 55%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#8276A3#8276A3

HEX#8276A3

RGBrgb(130, 118, 163)

RGB (0–1)0.5098, 0.4627, 0.6392

RGB percentages51%, 46.3%, 63.9%

HSLhsl(256, 19.7%, 55.1%)

HSV / HSBhsv(256, 27.6%, 63.9%)

CMYK20.2%, 27.6%, 0%, 36.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,550,051

CSS custom property--colour: #8276A3;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.07:1

Contrast with white4.14:1WCAG normal text: Fail

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

Greyscale equivalent#7C7C7C

Inverted#7D895C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6C7DA5no red cones; affects about 1% of men; ΔE 10.6 from the original

Deuteranopia#6D7CA2no green cones; the most common form, about 1% of men; ΔE 10.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.14:1WCAG large text: AA

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

Named colours

Slate grey · ΔE 20.3 Light slate grey · ΔE 20.4 Steel blue · ΔE 20.8 Gray · ΔE 26.6 Dim grey · ΔE 27.7 Plum · ΔE 27.9

Nearest named CSS colourSlate grey (#708090)ΔE 20.26, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#97A376

Analogous#7681A3, #9976A3

Triadic#A38276, #76A382

Split complementary#A39976, #81A376

Tetradic#A37681, #97A376, #76A399

Tints, shades & saturation

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

Lighter +40%#F1F0F5

Lighter +30%#D6D2E0

Lighter +20%#BAB3CC

Lighter +10%#9E95B7

Darker −10%#685C8A

Darker −20%#51486B

Darker −30%#3A334D

Darker −40%#231F2E

More saturated +25%#7559C0

Less saturated −25%#8D8D8D

Channel breakdown

R130

G118

B163

Red130 (51%)

Green118 (46.3%)

Blue163 (63.9%)

Hue256°

Saturation (HSL)19.65%

Lightness55.1%

Dominant channelBlue

Hex per channelR 82 · G 76 · B A3

Keep nerding

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

#8276A3

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