Colour

#9C8EA5

#9C8EA5
Violet
Dark
Nearest: Light slate grey

#9C8EA5 is a violet with RGB values 156, 142, 165 and HSL 277°, 11%, 60%. It is a dark colour, so black text on it reaches 6.8:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#9C8EA5#9C8EA5

HEX#9C8EA5

RGBrgb(156, 142, 165)

RGB (0–1)0.6118, 0.5569, 0.6471

RGB percentages61.2%, 55.7%, 64.7%

HSLhsl(276.5, 11.3%, 60.2%)

HSV / HSBhsv(276.5, 13.9%, 64.7%)

CMYK5.5%, 13.9%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,260,133

CSS custom property--colour: #9C8EA5;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.83:1

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

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

Greyscale equivalent#939393

Inverted#63715A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8B92A6no red cones; affects about 1% of men; ΔE 8 from the original

Deuteranopia#8E93A4no green cones; the most common form, about 1% of men; ΔE 7.9 from the original

Tritanopia#9B9196no blue cones; rare, and affects men and women equally; ΔE 10.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light slate grey · ΔE 12.9 Slate grey · ΔE 14.3 Gray · ΔE 15.8 Dark grey · ΔE 16.3 Rosy brown · ΔE 18.6 Thistle · ΔE 19.5

Nearest named CSS colourLight slate grey (#778899)ΔE 12.92, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#97A58E

Analogous#918EA5, #A58EA3

Triadic#A59C8E, #8EA59C

Split complementary#A3A58E, #8EA591

Tetradic#A5918E, #97A58E, #8EA3A5

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E7E3E9

Lighter +20%#CEC7D2

Lighter +10%#B5AABC

Darker −10%#83728E

Darker −20%#695B72

Darker −30%#4F4456

Darker −40%#352E39

More saturated +25%#A275BE

Less saturated −25%#9A9A9A

Channel breakdown

R156

G142

B165

Red156 (61.2%)

Green142 (55.7%)

Blue165 (64.7%)

Hue276.52°

Saturation (HSL)11.33%

Lightness60.2%

Dominant channelBlue

Hex per channelR 9C · G 8E · B A5

Keep nerding

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

#9C8EA5

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