Colour

#87838A

#87838A
Grey
Dark
Nearest: Gray

#87838A is a grey with RGB values 135, 131, 138 and HSL 274°, 3%, 53%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#87838A#87838A

HEX#87838A

RGBrgb(135, 131, 138)

RGB (0–1)0.5294, 0.5137, 0.5412

RGB percentages52.9%, 51.4%, 54.1%

HSLhsl(274.3, 2.9%, 52.7%)

HSV / HSBhsv(274.3, 5.1%, 54.1%)

CMYK2.2%, 5.1%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,881,034

CSS custom property--colour: #87838A;

Brightness & contrast

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

Perceived brightness133 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.64:1

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

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

Greyscale equivalent#848484

Inverted#787C75

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#82848Ano red cones; affects about 1% of men; ΔE 2.4 from the original

Deuteranopia#83848Ano green cones; the most common form, about 1% of men; ΔE 2 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gray · ΔE 4.7 Slate grey · ΔE 9.2 Light slate grey · ΔE 9.4 Dim grey · ΔE 11.7 Dark grey · ΔE 14.6 Rosy brown · ΔE 19.1

Nearest named CSS colourGray (#808080)ΔE 4.65, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#868A83

Analogous#84838A, #8A8389

Triadic#8A8783, #838A87

Split complementary#898A83, #838A84

Tetradic#8A8483, #868A83, #83898A

Tints, shades & saturation

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

Lighter +40%#EDECED

Lighter +30%#D3D2D4

Lighter +20%#BAB7BC

Lighter +10%#A09DA3

Darker −10%#6D6A70

Darker −20%#545156

Darker −30%#3A383C

Darker −40%#212021

More saturated +25%#8B65A8

Less saturated −25%#868686

Channel breakdown

R135

G131

B138

Red135 (52.9%)

Green131 (51.4%)

Blue138 (54.1%)

Hue274.29°

Saturation (HSL)2.9%

Lightness52.75%

Dominant channelBlue

Hex per channelR 87 · G 83 · B 8A

Keep nerding

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

#87838A

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