Yellowish Orange Color (#ffab0f)
Yellowish Orange is a vibrant, warm hue that combines the energy and brightness of yellow with the depth and intensity of orange with the hex code #ffab0f. This distinctive color exhibits a high level of saturation, resulting in a bold, stimulating appearance.
In Ancient Egypt, this color was often used in hieroglyphs and artwork, symbolizing the sun and its life-giving energy. The Chinese have also used yellowish orange extensively in their imperial palaces and royal attire, associating it with happiness, good fortune, and nobility. In the context of art history, particularly during the Impressionism period, artists like Claude Monet and Vincent Van Gogh utilized yellowish orange to render sunlight and express certain emotional states.
In graphic design and advertising Yellowish Orange is used to attract attention and evoke feelings of warmth, enthusiasm, and creativity. It's also a popular color in fashion and interior design, where it can bring a sense of vitality and vibrancy. In safety and warning signs, the high visibility of yellowish orange is used to grab attention and signify caution. In tech, it's often used in website design and user interfaces to create visually impactful elements.
In the RGB color space, the color Yellowish Orange has the values (255, 171, 15), being composed of 100.0% Red (R), 67.1% Green (G), and 5.9% Blue (B).
In the HSL color space, the color Yellowish Orange has a hue of 38 degrees, a saturation of 100.0% and a lightness of 52.9%.
In the CMYK color space, Yellowish Orange is composed of 0 parts of Cyan (C), 33 parts of Magenta (M), 94 parts of Yellow (Y), and 0 parts of Black (K).
Yellowish Orange Color Codes
| Value | CSS | |
|---|---|---|
| Hex | ffab0f | #ffab0f |
| RGB | 255, 171, 15 | rgb(255, 171, 15) |
| RGB Percent | 100.0%, 67.1%, 5.9% | rgb(100.0%, 67.1%, 5.9%) |
| RGB 0-1 | 1.0000, 0.6706, 0.0588 | color(srgb 1.0000 0.6706 0.0588)CSS 4 |
| HSL | 38°, 100.0%, 52.9% | hsl(38, 100.0%, 52.9%) |
| CMYK | 0, 33, 94, 0 | |
| LAB (D50) | 76.96, 24.63, 78.28 | lab(76.96 24.63 78.28)CSS 4 |
| LCH (D50) | 76.96, 82.06, 72.54° | lch(76.96 82.06 72.54)CSS 4 |
| OKLAB | 0.8036, 0.0484, 0.1615 | oklab(0.8036 0.0484 0.1615)CSS 4 |
| OKLCH | 0.8036, 0.1687, 73.31° | oklch(0.8036 0.1687 73.31)CSS 4 |
| XYZ (D50) | 0.5936, 0.5147, 0.0569 | color(xyz-d50 0.5936 0.5147 0.0569)CSS 4 |
| XYZ (D65) | 0.5589, 0.5042, 0.0724 | color(xyz-d65 0.5589 0.5042 0.0724)CSS 4 |
Yellowish Orange Color Harmonies
Analogous Palette
Analogous color harmonies are created using three colors that are next to each other on the color wheel. For Yellowish Orange (#ffab0f) the analogous colors are Rocket Science (#ff330f) and Lime Zest (#dbff0f). These harmonies often have a calm, relaxed feeling and can be used to create a sense of unity in a design.
Complementary Palette
One of the most popular color schemes in art and design is the complementary color scheme. This color scheme makes use of two colors that sit opposite of each other on the color wheel, such as blue and orange, red and green, or purple and yellow. The color opposite to Yellowish Orange (#ffab0f) is Blue Ribbon (#0f63ff). By using contrasting colors, this scheme can create a dynamic and eye-catching look.
Split-Complementary Palette
Split-complementary color harmony is created when one color is combined with the two colors on either side of its complementary color. The two split-complementary colors forYellowish Orange (#ffab0f) are Neon Blue (#0fdbff) and Electric Ultramarine (#330fff). This type of color scheme is often used in interior design because it is both visually appealing and harmonious.
Double Split-Complementary Palette
Double split-complementary color harmony is a color scheme that consists of two pairs of colors that are complementary to each other. The first pair consists of the main colorRocket Science (#ff330f) and its complement Lime Zest (#dbff0f), while the second pair consists of the two colors adjacent to the main color's complement: Neon Blue (#0fdbff) and Electric Ultramarine (#330fff). This type of color harmony is often used in art and design to create a sense of balance and visual interest.
Rectangle Palette
Rectangle color harmony is a color scheme based on the rectangular shape. It is made up of four colors: two complementary colors: Yellowish Orange (#ffab0f) and Blue Ribbon (#0f63ff), a split-complementary color: Poisoning Green (#63ff0f), and an analogous color: Digital Violets (#ab0fff). This type of color scheme is often used in web design and advertising. The rectangular shape helps to create a sense of balance and stability, while the four colors provide a wide range of options for creating an eye-catching design.
Triadic Palette
Triadic color harmony is a color scheme that uses three colors that are evenly spaced around the color wheel. For Yellowish Orange (#ffab0f) the two colors that form a triadic color scheme are Enthusiasm (#0fffab) and Digital Violets (#ab0fff). To create a triadic color scheme, you can either choose three colors that are evenly spaced on the color wheel or you can choose two colors and then find the third color that is equidistant from them. Triadic color schemes are often used in art and design because they are both visually pleasing and harmonious.
Tetradic Palette
Tetradic color harmony is created when four colors that are equidistant from each other on the color wheel are used together. For Yellowish Orange (#ffab0f) the three colors that form a tetradic color scheme are Lucent Lime (#0fff33), Blue Ribbon (#0f63ff) andBright Magenta (#ff0fdb). This type of harmony is often used in menswear, as it can create a strong and masculine look. Done well, tetradic color harmony can create a bold and stylish look.
Tints, Shades & Tones of Yellowish Orange Color
Tints, shades, and tones can be used to create unique effects in art and design. By using tints, shades, and tones, you can add depth and dimension to your work.
Tints
A tint is a lightened color, achieved by adding white. This can create a softer, more delicate look.
Shades
A shade is a darkened color, achieved by adding black. This can create a richer, more dramatic look.
Tones
A tone is a muted color, achieved by adding gray. This can create a more subtle, sophisticated look.