Colour

#554D31

#554D31
Yellow
Dark
Nearest: Dim grey

#554D31 is a yellow with RGB values 85, 77, 49 and HSL 47°, 27%, 26%. It is a dark colour, so white text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#554D31#554D31

HEX#554D31

RGBrgb(85, 77, 49)

RGB (0–1)0.3333, 0.302, 0.1922

RGB percentages33.3%, 30.2%, 19.2%

HSLhsl(46.7, 26.9%, 26.3%)

HSV / HSBhsv(46.7, 42.4%, 33.3%)

CMYK0%, 9.4%, 42.4%, 66.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,590,321

CSS custom property--colour: #554D31;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.43:1

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

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

Greyscale equivalent#4D4D4D

Inverted#AAB2CE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#534C2Fno red cones; affects about 1% of men; ΔE 0.9 from the original

Deuteranopia#554E32no green cones; the most common form, about 1% of men; ΔE 0.6 from the original

Tritanopia#5A4946no blue cones; rare, and affects men and women equally; ΔE 15.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 21.3 Dark olivegreen · ΔE 23.6 Dark slate grey · ΔE 24 Gray · ΔE 27.4 Slate grey · ΔE 34.7 Saddle brown · ΔE 36.5

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#313955

Analogous#553B31, #4B5531

Triadic#31554D, #4D3155

Split complementary#314B55, #3B3155

Tetradic#31553B, #313955, #55314B

Tints, shades & saturation

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

Lighter +40%#C0B692

Lighter +30%#ADA072

Lighter +20%#968856

Lighter +10%#756A44

Darker −10%#35301E

Darker −20%#14120C

Darker −30%#000000

Darker −40%#000000

More saturated +25%#665620

Less saturated −25%#444442

Channel breakdown

R85

G77

B49

Red85 (33.3%)

Green77 (30.2%)

Blue49 (19.2%)

Hue46.67°

Saturation (HSL)26.87%

Lightness26.27%

Dominant channelRed

Hex per channelR 55 · G 4D · B 31

Keep nerding

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

#554D31

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