Colour

#887B3E

#887B3E
Yellow
Dark
Nearest: Dark olivegreen

#887B3E is a yellow with RGB values 136, 123, 62 and HSL 49°, 37%, 39%. 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

#887B3E#887B3E

HEX#887B3E

RGBrgb(136, 123, 62)

RGB (0–1)0.5333, 0.4824, 0.2431

RGB percentages53.3%, 48.2%, 24.3%

HSLhsl(49.5, 37.4%, 38.8%)

HSV / HSBhsv(49.5, 54.4%, 53.3%)

CMYK0%, 9.6%, 54.4%, 46.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,944,446

CSS custom property--colour: #887B3E;

Brightness & contrast

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

Perceived brightness121.9 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#797979

Inverted#7784C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#897D41no green cones; the most common form, about 1% of men; ΔE 1.1 from the original

Tritanopia#92736Dno blue cones; rare, and affects men and women equally; ΔE 30.6 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.4 Dark khaki · ΔE 22.9 Olive · ΔE 23.8 Tan · ΔE 27 Burlywood · ΔE 28 Olivedrab · ΔE 29

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3E4B88

Analogous#88563E, #70883E

Triadic#3E887B, #7B3E88

Split complementary#3E7088, #563E88

Tetradic#3E8856, #3E4B88, #883E70

Tints, shades & saturation

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

Lighter +40%#DDD6B5

Lighter +30%#CDC392

Lighter +20%#BDAF6F

Lighter +10%#AB9B4E

Darker −10%#655B2E

Darker −20%#423C1E

Darker −30%#1F1C0E

Darker −40%#000000

More saturated +25%#A18B25

Less saturated −25%#6F6B57

Channel breakdown

R136

G123

B62

Red136 (53.3%)

Green123 (48.2%)

Blue62 (24.3%)

Hue49.46°

Saturation (HSL)37.37%

Lightness38.82%

Dominant channelRed

Hex per channelR 88 · G 7B · B 3E

Keep nerding

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

#887B3E

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