#685A2D

Yellow

HEX

RGB

HSL

About #685A2D Yellow

#685A2D is a yellow color. In the RGB color model, it is composed of 104 red, 90 green, and 45 blue. In the HSL color space, it has a hue of 46°, saturation of 40%, and lightness of 29%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #685A2D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

46°

Hue

40%

Saturation

29%

Lightness

Yellow

Color Harmonies

Colors that work well with #685A2D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #685A2D against white and black backgrounds.

Aa#685A2D on White
Contrast Ratio6.8:1
AA AA Large AAA
Aa#685A2D on Black
Contrast Ratio3.09:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #685A2D across different color formats.

FormatValue
HEX#685A2D
RGBrgb(104, 90, 45)
HSLhsl(46, 40%, 29%)
RGB Decimal104, 90, 45
RGB Percent40.8%, 35.3%, 17.6%
CMYK (approx.)0%, 13%, 57%, 59%

Related Palettes

12 palettes using #685A2D or similar colors

#675932#8A8A5B#ABBA78#C0D0AF
#665D33#8C9056#A2B082#BDD0AF
#645F35#848C5A#9DAF83#BBCDB2
#635A36#94984D#A5B87A#BDD2AC
#665033#948851#ACAF83#C7D4AB
#676532#88984E#9BBC76#B9CDB1
#625337#8A855C#B1BB77#C3D1AD
#636732#81994D#96B181#B4D1AE
#5F593A#878B5A#A1B082#BCD3AC
#5E583B#92984E#A2B37F#BDCFAF
#221C11#4C3F24#72603B#AD883D
#5B6237#778F56#92AF83#AED4AA