Recognised as Colour

#545A2F

#545A2F
Yellow
Dark
Nearest: Dark olivegreen

#545A2F is a yellow with RGB values 84, 90, 47 and HSL 68°, 31%, 27%. It is a dark colour, so white text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#545A2F#545A2F

HEX#545A2F

RGBrgb(84, 90, 47)

RGB (0–1)0.3294, 0.3529, 0.1843

RGB percentages32.9%, 35.3%, 18.4%

HSLhsl(68.4, 31.4%, 26.9%)

HSV / HSBhsv(68.4, 47.8%, 35.3%)

CMYK6.7%, 0%, 47.8%, 64.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,528,111

CSS custom property--colour: #545A2F;

Brightness & contrast

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

Perceived brightness84.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.29:1

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

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

Greyscale equivalent#565656

Inverted#ABA5D0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark olivegreen · ΔE 12.4 Dim grey · ΔE 27 Dark slate grey · ΔE 28.3 Gray · ΔE 30.9 Sea green · ΔE 33.6 Olive · ΔE 36.2

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 12.45, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#352F5A

Analogous#5A4B2F, #3E5A2F

Triadic#2F545A, #5A2F54

Split complementary#2F3E5A, #4B2F5A

Tetradic#2F5A4B, #352F5A, #5A2F3F

Tints, shades & saturation

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

Lighter +40%#BEC590

Lighter +30%#AAB46E

Lighter +20%#939D52

Lighter +10%#737C40

Darker −10%#35381E

Darker −20%#15170C

Darker −30%#000000

Darker −40%#000000

More saturated +25%#606B1E

Less saturated −25%#484940

Channel breakdown

R84

G90

B47

Red84 (32.9%)

Green90 (35.3%)

Blue47 (18.4%)

Hue68.37°

Saturation (HSL)31.39%

Lightness26.86%

Dominant channelGreen

Hex per channelR 54 · G 5A · B 2F

Keep nerding

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

#545A2F

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