Colour

#B4A771

#B4A771
Yellow
Dark
Nearest: Tan

#B4A771 is a yellow with RGB values 180, 167, 113 and HSL 48°, 31%, 57%. It is a dark colour, so black text on it reaches 8.7:1 contrast (AAA for normal text). The nearest named colour is Tan.

Colour values

#B4A771#B4A771

HEX#B4A771

RGBrgb(180, 167, 113)

RGB (0–1)0.7059, 0.6549, 0.4431

RGB percentages70.6%, 65.5%, 44.3%

HSLhsl(48.4, 30.9%, 57.5%)

HSV / HSBhsv(48.4, 37.2%, 70.6%)

CMYK0%, 7.2%, 37.2%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,839,345

CSS custom property--colour: #B4A771;

Brightness & contrast

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

Perceived brightness165.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.71:1

Contrast with white2.41:1WCAG normal text: Fail

Contrast with black8.71:1WCAG normal text: AAA

Greyscale equivalent#A6A6A6

Inverted#4B588E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#B1A46Dno red cones; affects about 1% of men; ΔE 1.3 from the original

Deuteranopia#B5A973no green cones; the most common form, about 1% of men; ΔE 0.8 from the original

Tritanopia#BE9F99no blue cones; rare, and affects men and women equally; ΔE 26.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.41:1WCAG large text: Fail

Contrast with black, large text8.71:1WCAG large text: AAA

Named colours

Tan · ΔE 11.9 Dark khaki · ΔE 12.1 Burlywood · ΔE 13.5 Wheat · ΔE 22.2 Navajo white · ΔE 23.1 Pale goldenrod · ΔE 23.1

Nearest named CSS colourTan (#D2B48C)ΔE 11.85, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#717EB4

Analogous#B48571, #A0B471

Triadic#71B4A7, #A771B4

Split complementary#71A0B4, #8571B4

Tetradic#71B485, #717EB4, #B471A0

Tints, shades & saturation

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

Lighter +40%#FBFAF6

Lighter +30%#E9E5D5

Lighter +20%#D7D0B4

Lighter +10%#C6BC92

Darker −10%#9E9054

Darker −20%#7D7242

Darker −30%#5C5330

Darker −40%#3A351F

More saturated +25%#CFB856

Less saturated −25%#99968C

Channel breakdown

R180

G167

B113

Red180 (70.6%)

Green167 (65.5%)

Blue113 (44.3%)

Hue48.36°

Saturation (HSL)30.88%

Lightness57.45%

Dominant channelRed

Hex per channelR B4 · G A7 · B 71

Keep nerding

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

#B4A771

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