Recognised as Colour

#87776E

#87776E
Orange
Dark
Nearest: Gray

#87776E is a orange with RGB values 135, 119, 110 and HSL 22°, 10%, 48%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#87776E#87776E

HEX#87776E

RGBrgb(135, 119, 110)

RGB (0–1)0.5294, 0.4667, 0.4314

RGB percentages52.9%, 46.7%, 43.1%

HSLhsl(21.6, 10.2%, 48%)

HSV / HSBhsv(21.6, 18.5%, 52.9%)

CMYK0%, 11.9%, 18.5%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,877,934

CSS custom property--colour: #87776E;

Brightness & contrast

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

Perceived brightness123 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.89:1

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

Contrast with black4.89:1WCAG normal text: AA

Greyscale equivalent#7A7A7A

Inverted#788891

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7B786Dno red cones; affects about 1% of men; ΔE 5.7 from the original

Deuteranopia#7F7B6Eno green cones; the most common form, about 1% of men; ΔE 5.5 from the original

Tritanopia#8C7474no blue cones; rare, and affects men and women equally; ΔE 6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.89:1WCAG large text: AAA

Named colours

Gray · ΔE 8.9 Dim grey · ΔE 10.9 Rosy brown · ΔE 17.5 Slate grey · ΔE 19.1 Dark grey · ΔE 19.9 Light slate grey · ΔE 20.1

Nearest named CSS colourGray (#808080)ΔE 8.87, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6E7E87

Analogous#876E72, #87846E

Triadic#6E8777, #776E87

Split complementary#6E8784, #6E7287

Tetradic#72876E, #6E7E87, #846E87

Tints, shades & saturation

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

Lighter +40%#E4E0DD

Lighter +30%#CDC5C1

Lighter +20%#B6ABA5

Lighter +10%#9F9189

Darker −10%#6B5E57

Darker −20%#4F4540

Darker −30%#332D29

Darker −40%#171412

More saturated +25%#A66E4F

Less saturated −25%#7B7B7B

Channel breakdown

R135

G119

B110

Red135 (52.9%)

Green119 (46.7%)

Blue110 (43.1%)

Hue21.6°

Saturation (HSL)10.2%

Lightness48.04%

Dominant channelRed

Hex per channelR 87 · G 77 · B 6E

Keep nerding

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

#87776E

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