Colour

#6C6C36

#6C6C36
Yellow
Dark
Nearest: Dark olivegreen

#6C6C36 is a yellow with RGB values 108, 108, 54 and HSL 60°, 33%, 32%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#6C6C36#6C6C36

HEX#6C6C36

RGBrgb(108, 108, 54)

RGB (0–1)0.4235, 0.4235, 0.2118

RGB percentages42.4%, 42.4%, 21.2%

HSLhsl(60, 33.3%, 31.8%)

HSV / HSBhsv(60, 50%, 42.4%)

CMYK0%, 0%, 50%, 57.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,105,590

CSS custom property--colour: #6C6C36;

Brightness & contrast

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

Perceived brightness103.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.47:1

Contrast with white5.47:1WCAG normal text: AA

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

Greyscale equivalent#686868

Inverted#9393C9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#746A39no green cones; the most common form, about 1% of men; ΔE 5.2 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.47:1WCAG large text: AAA

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

Named colours

Dark olivegreen · ΔE 10.7 Olive · ΔE 28 Olivedrab · ΔE 29.7 Dark khaki · ΔE 30.4 Dim grey · ΔE 31.2 Gray · ΔE 32.5

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#36366C

Analogous#6C5136, #516C36

Triadic#366C6C, #6C366C

Split complementary#36516C, #51366C

Tetradic#366C51, #36366C, #6C3651

Tints, shades & saturation

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

Lighter +40%#CFCF9F

Lighter +30%#BEBE7D

Lighter +20%#ADAD5B

Lighter +10%#8E8E47

Darker −10%#4A4A25

Darker −20%#282814

Darker −30%#060603

Darker −40%#000000

More saturated +25%#808022

Less saturated −25%#58584A

Channel breakdown

R108

G108

B54

Red108 (42.4%)

Green108 (42.4%)

Blue54 (21.2%)

Hue60°

Saturation (HSL)33.33%

Lightness31.76%

Dominant channelRed and Green

Hex per channelR 6C · G 6C · B 36

Keep nerding

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

#6C6C36

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