#ffa500
HEX
#ffa500 RGB
rgb(255, 165, 0) HSL
39°, 100%, 50% About Orange Color
Orange combines red's energy with yellow's friendliness. It is an inviting, playful color often used for secondary CTAs and youthful brands.
Use Cases for Orange
secondary CTAsfood brandssports brandsautumn themescreative portfolios
Shades & Tints of Orange
#ffffff
#ffe9bf
#ffd280
#ffbc40
#ffa500
#bf7c00
#805300
#402900
#000000
Complementary Color
#ffa500
#0059ff
Analogous Colors
#ff2600
#ffa500
#d9ff00
CSS Code
.orange-color {
color: #ffa500;
}Contrast Recommendations
Black text on Orange
Ratio: 10.63:1 ✓ Passes AA ✓ Passes AAA
White text on Orange
Ratio: 1.97:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Orange?
Orange is represented by the hex code #ffa500 and has RGB values of rgb(255, 165, 0). It falls under the Orange category.
How to use Orange in web design?
Orange works well for secondary CTAs, food brands, sports brands. Orange combines red's energy with yellow's friendliness. It is an inviting, playful color often used for secondary CTAs and youthful brands. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Orange?
Colors that pair well with Orange include darkorange, coral, tomato, sandybrown, peachpuff. For a complementary scheme, try #0059ff. For an analogous scheme, use #ff2600 and #d9ff00.