Colour

#5A5339

#5A5339
Yellow
Dark
Nearest: Dim grey

#5A5339 is a yellow with RGB values 90, 83, 57 and HSL 47°, 22%, 29%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#5A5339#5A5339

HEX#5A5339

RGBrgb(90, 83, 57)

RGB (0–1)0.3529, 0.3255, 0.2235

RGB percentages35.3%, 32.5%, 22.4%

HSLhsl(47.3, 22.4%, 28.8%)

HSV / HSBhsv(47.3, 36.7%, 35.3%)

CMYK0%, 7.8%, 36.7%, 64.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,919,545

CSS custom property--colour: #5A5339;

Brightness & contrast

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

Perceived brightness82.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.69:1

Contrast with white7.69:1WCAG normal text: AAA

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

Greyscale equivalent#535353

Inverted#A5ACC6

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.69:1WCAG large text: AAA

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

Named colours

Dim grey · ΔE 18.7 Dark slate grey · ΔE 22.8 Dark olivegreen · ΔE 23.4 Gray · ΔE 24.5 Slate grey · ΔE 32.1 Light slate grey · ΔE 34.3

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#39405A

Analogous#5A4339, #515A39

Triadic#395A53, #53395A

Split complementary#39515A, #42395A

Tetradic#395A43, #39405A, #5A3951

Tints, shades & saturation

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

Lighter +40%#C1BA9E

Lighter +30%#AEA47E

Lighter +20%#988D61

Lighter +10%#79704D

Darker −10%#3B3625

Darker −20%#1C1911

Darker −30%#000000

Darker −40%#000000

More saturated +25%#6C5E27

Less saturated −25%#4A4A4A

Channel breakdown

R90

G83

B57

Red90 (35.3%)

Green83 (32.5%)

Blue57 (22.4%)

Hue47.27°

Saturation (HSL)22.45%

Lightness28.82%

Dominant channelRed

Hex per channelR 5A · G 53 · B 39

Keep nerding

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

#5A5339

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