Start Now!COLOR STUDIOColor library
Yellow #6C7236
Yellow has the HEX code #6C7236, RGB value rgb(108, 114, 54) and HSL value hsl(66, 36%, 33%).
#6C7236
Color values
HEX#6C7236
RGBrgb(108, 114, 54)
HSLhsl(66, 36%, 33%)
Yellow shades
A Tailwind-style scale built from #6C7236.
- 50
#FAFAF5
- 100
#EBEDD9
- 200
#DCE0BD
- 300
#CED3A1
- 400
#BFC686
- 500
#B1B86A
- 600
#A1A950
- 700
#868E43
- 800
#6C7236
- 900
#4B4F26
- 950
#2B2D15
Text contrast
How Yellow reads as text, by WCAG 2.2.
On white5.12:1, passes AA for normal text
On black4.09:1, below AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#403979
#537939
#F0F2E3
#3B3E1E
What yellow can communicate
Bright, optimistic, and attention-catching.
Associations vary by audience and culture. Yellow often reads as cheerful, but it can also signal caution, and in some places it is linked with royalty or mourning.
Often used for: Retail, Kids, Travel.
More about yellowRelated colors
