Colour

#8E8DA6

#8E8DA6
Blue
Dark
Nearest: Light slate grey

#8E8DA6 is a blue with RGB values 142, 141, 166 and HSL 242°, 12%, 60%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#8E8DA6#8E8DA6

HEX#8E8DA6

RGBrgb(142, 141, 166)

RGB (0–1)0.5569, 0.5529, 0.651

RGB percentages55.7%, 55.3%, 65.1%

HSLhsl(242.4, 12.3%, 60.2%)

HSV / HSBhsv(242.4, 15.1%, 65.1%)

CMYK14.5%, 15.1%, 0%, 34.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,342,374

CSS custom property--colour: #8E8DA6;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.51:1

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

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

Greyscale equivalent#8F8F8F

Inverted#717259

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8790A7no red cones; affects about 1% of men; ΔE 3.8 from the original

Deuteranopia#878FA5no green cones; the most common form, about 1% of men; ΔE 3.7 from the original

Tritanopia#899195no blue cones; rare, and affects men and women equally; ΔE 12.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light slate grey · ΔE 8.8 Slate grey · ΔE 10.5 Gray · ΔE 15.3 Dark grey · ΔE 17.2 Light steelblue · ΔE 20.3 Dim grey · ΔE 20.7

Nearest named CSS colourLight slate grey (#778899)ΔE 8.82, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A5A68D

Analogous#8D99A6, #9B8DA6

Triadic#A68E8D, #8DA68E

Split complementary#A69B8D, #99A68D

Tetradic#A68D99, #A5A68D, #8DA69B

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E3E3E9

Lighter +20%#C7C6D3

Lighter +10%#AAAABC

Darker −10%#727090

Darker −20%#5B5A73

Darker −30%#444456

Darker −40%#2E2D3A

More saturated +25%#7774BF

Less saturated −25%#9A9A9A

Channel breakdown

R142

G141

B166

Red142 (55.7%)

Green141 (55.3%)

Blue166 (65.1%)

Hue242.4°

Saturation (HSL)12.32%

Lightness60.2%

Dominant channelBlue

Hex per channelR 8E · G 8D · B A6

Keep nerding

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

#8E8DA6

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