Start Now!COLOR STUDIOColor library
Orange #B5683C
Orange has the HEX code #B5683C, RGB value rgb(181, 104, 60) and HSL value hsl(22, 50%, 47%).
#B5683C
Color values
HEX#B5683C
RGBrgb(181, 104, 60)
HSLhsl(22, 50%, 47%)
Orange shades
A Tailwind-style scale built from #B5683C.
- 50
#FBF6F4
- 100
#F1DED4
- 200
#E6C6B4
- 300
#DCAE94
- 400
#D19674
- 500
#C77E55
- 600
#B5683C
- 700
#945531
- 800
#734226
- 900
#532F1B
- 950
#321D11
Text contrast
How Orange reads as text, by WCAG 2.2.
On white4.19:1, below AA for normal text
On black5.01:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#3C89B5
#B5A43C
#F5E8E0
#452817
What orange can communicate
Warm, upbeat, and full of energy.
Associations vary by audience and culture. For some audiences orange suggests change, affordability or a sense of fun, and in some traditions it carries spiritual meaning.
Often used for: Food, Creative, Lifestyle.
More about orangeRelated colors
