Colour

#545C1E

#545C1E
Yellow
Dark
Nearest: Dark olivegreen

#545C1E is a yellow with RGB values 84, 92, 30 and HSL 68°, 51%, 24%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#545C1E#545C1E

HEX#545C1E

RGBrgb(84, 92, 30)

RGB (0–1)0.3294, 0.3608, 0.1176

RGB percentages32.9%, 36.1%, 11.8%

HSLhsl(67.7, 50.8%, 23.9%)

HSV / HSBhsv(67.7, 67.4%, 36.1%)

CMYK8.7%, 0%, 67.4%, 63.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,528,606

CSS custom property--colour: #545C1E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.18:1

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

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

Greyscale equivalent#565656

Inverted#ABA3E1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#625822no green cones; the most common form, about 1% of men; ΔE 9.5 from the original

Tritanopia#59574Fno blue cones; rare, and affects men and women equally; ΔE 30.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark olivegreen · ΔE 8.5 Olive · ΔE 27.4 Olivedrab · ΔE 28.4 Dark green · ΔE 31.8 Sea green · ΔE 33.4 Dim grey · ΔE 36.5

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 8.47, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#261E5C

Analogous#5C451E, #355C1E

Triadic#1E545C, #5C1E54

Split complementary#1E355C, #451E5C

Tetradic#1E5C45, #261E5C, #5C1E35

Tints, shades & saturation

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

Lighter +40%#C6D274

Lighter +30%#B6C54E

Lighter +20%#9AA937

Lighter +10%#77822B

Darker −10%#313611

Darker −20%#0E0F05

Darker −30%#000000

Darker −40%#000000

More saturated +25%#5F6B0F

Less saturated −25%#494D2D

Channel breakdown

R84

G92

B30

Red84 (32.9%)

Green92 (36.1%)

Blue30 (11.8%)

Hue67.74°

Saturation (HSL)50.82%

Lightness23.92%

Dominant channelGreen

Hex per channelR 54 · G 5C · B 1E

Keep nerding

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

#545C1E

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