Orange
Introducing Orange, #FFA500. This color commands immediate attention with its pure, saturated intensity. Positioned squarely between red and yellow, its radiant quality gives it a distinct visual punch, making it a standout choice for designers looking to make a strong impression.
Orange Code Conversions
HEX
#FFA500
LAB
75, 24, 79
RGB
255, 165, 0
XYZ
54.7, 48.2, 6.4
HSL
39°, 100%, 50%
LCH
75, 82, 73°
HSB
39°, 100%, 100%
LUV
75, 75, 74
HWB
39°, 0%, 0%
Orange Color Harmonies
Analogous
Analogous colors sit beside Orange on the color wheel. This combination produces a rich, cohesive look that is naturally calming and comfortable for the eye.
Complementary
To find Orange's complementary counterpart, look to the opposite side of the color wheel. This pairing offers the strongest possible visual contrast.
Split Complementary
A split complementary palette for Orange pairs it with the two colors adjacent to its direct opposite, offering a sophisticated, high-contrast combination.
Triadic
A triadic scheme for Orange involves two other colors, all equally spaced on the color wheel, resulting in a bold and balanced palette.
Tetradic
Tetradic color schemes for Orange use four hues in total, formed by two sets of complementary colors, creating a rich and balanced rectangular palette.
Square
A square color scheme uses four colors equidistant on the color wheel. Based on Orange, this combination offers a vibrant and balanced high-contrast palette.
Orange Contrast Simulation
Orange Color Variations
Shades
Shades are darker versions of Orange made by adding black for a heavier, deeper feel.
Tints
Tints are created by mixing white into Orange, producing softer and less saturated variations.
Tones
Tones of Orange are created by adding gray, resulting in a less saturated, muted effect.
Hues
Hues are variations of Orange, differing in intensity or temperature to create specific moods.
What Interfaces Use Colors Like Orange?
