Colour

#5F5A47

#5F5A47
Yellow
Dark
Nearest: Dim grey

#5F5A47 is a yellow with RGB values 95, 90, 71 and HSL 48°, 14%, 33%. It is a dark colour, so white text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#5F5A47#5F5A47

HEX#5F5A47

RGBrgb(95, 90, 71)

RGB (0–1)0.3725, 0.3529, 0.2784

RGB percentages37.3%, 35.3%, 27.8%

HSLhsl(47.5, 14.5%, 32.5%)

HSV / HSBhsv(47.5, 25.3%, 37.3%)

CMYK0%, 5.3%, 25.3%, 62.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,249,031

CSS custom property--colour: #5F5A47;

Brightness & contrast

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

Perceived brightness89.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.91:1

Contrast with white6.91:1WCAG normal text: AA

Contrast with black3.04:1WCAG normal text: Fail

Greyscale equivalent#5A5A5A

Inverted#A0A5B8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5E5946no red cones; affects about 1% of men; ΔE 0.4 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.91:1WCAG large text: AAA

Contrast with black, large text3.04:1WCAG large text: AA

Named colours

Dim grey · ΔE 13.4 Gray · ΔE 19.4 Dark slate grey · ΔE 19.8 Dark olivegreen · ΔE 26 Slate grey · ΔE 26.7 Light slate grey · ΔE 28.9

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#474C5F

Analogous#5F4E47, #585F47

Triadic#475F5A, #5A475F

Split complementary#47585F, #4E475F

Tetradic#475F4E, #474C5F, #5F4758

Tints, shades & saturation

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

Lighter +40%#C3BFAF

Lighter +30%#ADA892

Lighter +20%#979075

Lighter +10%#7C765D

Darker −10%#423E31

Darker −20%#25231B

Darker −30%#070706

Darker −40%#000000

More saturated +25%#746632

Less saturated −25%#535353

Channel breakdown

R95

G90

B71

Red95 (37.3%)

Green90 (35.3%)

Blue71 (27.8%)

Hue47.5°

Saturation (HSL)14.46%

Lightness32.55%

Dominant channelRed

Hex per channelR 5F · G 5A · B 47

Keep nerding

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

#5F5A47

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