Recognised as Colour

#9B8EA8

#9B8EA8
Violet
Dark
Nearest: Light slate grey

#9B8EA8 is a violet with RGB values 155, 142, 168 and HSL 270°, 13%, 61%. 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

#9B8EA8#9B8EA8

HEX#9B8EA8

RGBrgb(155, 142, 168)

RGB (0–1)0.6078, 0.5569, 0.6588

RGB percentages60.8%, 55.7%, 65.9%

HSLhsl(270, 13%, 60.8%)

HSV / HSBhsv(270, 15.5%, 65.9%)

CMYK7.7%, 15.5%, 0%, 34.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,194,600

CSS custom property--colour: #9B8EA8;

Brightness & contrast

Relative luminance0.29142WCAG 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#647157

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#999197no blue cones; rare, and affects men and women equally; ΔE 11.4 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 13.2 Slate grey · ΔE 14.6 Gray · ΔE 17.1 Dark grey · ΔE 17.6 Thistle · ΔE 19.6 Rosy brown · ΔE 20

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9BA88E

Analogous#8E8EA8, #A88EA8

Triadic#A89B8E, #8EA89B

Split complementary#A8A88E, #8EA88E

Tetradic#A88E8E, #9BA88E, #8EA8A8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8E4EB

Lighter +20%#CEC8D4

Lighter +10%#B4ABBE

Darker −10%#827192

Darker −20%#685A76

Darker −30%#4F4459

Darker −40%#352E3C

More saturated +25%#9B75C1

Less saturated −25%#9B9B9B

Channel breakdown

R155

G142

B168

Red155 (60.8%)

Green142 (55.7%)

Blue168 (65.9%)

Hue270°

Saturation (HSL)13%

Lightness60.78%

Dominant channelBlue

Hex per channelR 9B · G 8E · B A8

Keep nerding

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

#9B8EA8

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