Colour

#504A31

#504A31
Yellow
Dark
Nearest: Dim grey

#504A31 is a yellow with RGB values 80, 74, 49 and HSL 48°, 24%, 25%. It is a dark colour, so white text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#504A31#504A31

HEX#504A31

RGBrgb(80, 74, 49)

RGB (0–1)0.3137, 0.2902, 0.1922

RGB percentages31.4%, 29%, 19.2%

HSLhsl(48.4, 24%, 25.3%)

HSV / HSBhsv(48.4, 38.7%, 31.4%)

CMYK0%, 7.5%, 38.8%, 68.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,261,873

CSS custom property--colour: #504A31;

Brightness & contrast

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

Perceived brightness73.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.88:1

Contrast with white8.88:1WCAG normal text: AAA

Contrast with black2.36:1WCAG normal text: Fail

Greyscale equivalent#494949

Inverted#AFB5CE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4F492Fno red cones; affects about 1% of men; ΔE 0.8 from the original

Deuteranopia#514B32no green cones; the most common form, about 1% of men; ΔE 0.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.88:1WCAG large text: AAA

Contrast with black, large text2.36:1WCAG large text: Fail

Named colours

Dim grey · ΔE 20.6 Dark slate grey · ΔE 21.9 Dark olivegreen · ΔE 24.9 Gray · ΔE 27.3 Slate grey · ΔE 34 Black · ΔE 35.2

Nearest named CSS colourDim grey (#696969)ΔE 20.6, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#313750

Analogous#503A31, #475031

Triadic#31504A, #4A3150

Split complementary#314750, #3B3150

Tetradic#31503A, #313750, #503146

Tints, shades & saturation

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

Lighter +40%#BCB491

Lighter +30%#A89E72

Lighter +20%#8F8558

Lighter +10%#706744

Darker −10%#302D1E

Darker −20%#110F0A

Darker −30%#000000

Darker −40%#000000

More saturated +25%#605421

Less saturated −25%#414141

Channel breakdown

R80

G74

B49

Red80 (31.4%)

Green74 (29%)

Blue49 (19.2%)

Hue48.39°

Saturation (HSL)24.03%

Lightness25.29%

Dominant channelRed

Hex per channelR 50 · G 4A · B 31

Keep nerding

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

#504A31

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