Colour

#877B45

#877B45
Yellow
Dark
Nearest: Dark olivegreen

#877B45 is a yellow with RGB values 135, 123, 69 and HSL 49°, 32%, 40%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#877B45#877B45

HEX#877B45

RGBrgb(135, 123, 69)

RGB (0–1)0.5294, 0.4824, 0.2706

RGB percentages52.9%, 48.2%, 27.1%

HSLhsl(49.1, 32.4%, 40%)

HSV / HSBhsv(49.1, 48.9%, 52.9%)

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

24-bit integer8,878,917

CSS custom property--colour: #877B45;

Brightness & contrast

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

Perceived brightness122 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.95:1

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

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

Greyscale equivalent#7A7A7A

Inverted#7884BA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#857841no red cones; affects about 1% of men; ΔE 1.4 from the original

Deuteranopia#887D47no green cones; the most common form, about 1% of men; ΔE 0.9 from the original

Tritanopia#90746Eno blue cones; rare, and affects men and women equally; ΔE 27 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark olivegreen · ΔE 18.2 Dark khaki · ΔE 24 Tan · ΔE 25.7 Olive · ΔE 27.4 Burlywood · ΔE 27.5 Gray · ΔE 31.3

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 18.16, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#455187

Analogous#875A45, #728745

Triadic#45877B, #7B4587

Split complementary#457287, #5A4587

Tetradic#45875A, #455187, #874572

Tints, shades & saturation

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

Lighter +40%#DDD7BC

Lighter +30%#CBC29A

Lighter +20%#BAAE78

Lighter +10%#A99A56

Darker −10%#655C34

Darker −20%#443E23

Darker −30%#221F11

Darker −40%#000000

More saturated +25%#A18B2C

Less saturated −25%#6E6B5F

Channel breakdown

R135

G123

B69

Red135 (52.9%)

Green123 (48.2%)

Blue69 (27.1%)

Hue49.09°

Saturation (HSL)32.35%

Lightness40%

Dominant channelRed

Hex per channelR 87 · G 7B · B 45

Keep nerding

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

#877B45

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