#ffa500 rgb(255, 165, 0) 39°, 100%, 50% Use Orange in Your Projects
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
Shades & Tints of Orange
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.orange-color {
color: #ffa500;
background-color: #ffa500;
}
/* As a CSS custom property */
:root {
--color-orange: #ffa500;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #00ffa6 and #a600ff.