Sinopia

Sinopia is a deep, earthy red-orange. It carries the warmth of terracotta with a distinct, fiery character that stops short of being a pure, bright orange.

Its rich brown undertones give it a grounded, natural quality, reminiscent of ancient pigments and sun-baked clay.

Named after an ancient city famed for its red earth pigments, Sinopia carries a sense of history and artistry, symbolizing a connection to the earth and the foundational sketches of Renaissance masters.

Psychologically, the color #CB410B blends the passion of red with the stability of brown, creating a feeling of warm, grounded creativity and suggesting both rustic comfort and a refined sensibility.

In UI design, Sinopia (#CB410B) shines as a powerful accent. Use it for key interactive elements like buttons or links to guide user attention. It pairs effectively with deep charcoals, off-whites, or even muted teals for a striking, high-contrast look that feels both modern and grounded.

While not a dominant color in the corporate world, shades similar to Sinopia are used by energetic brands like Strava and Burger King. Its infrequent use presents an opportunity for distinction, helping a product establish a unique and memorable visual identity.

To see how Sinopia works in practice, use the tools below. You can browse curated palettes, check color contrast for accessibility, and see #CB410B applied to real UI components from well-known apps.

Using the color Sinopia in your work starts with its digital identifier, the hex code #CB410B. While this code is standard for web development, your project might require a different format depending on the medium.

For instance, RGB values define color for digital displays by mixing red, green, and blue light, whereas CMYK is the go-to for print, specifying ink combinations. Other models like HSL offer a more intuitive way to adjust saturation and lightness for variations.

To make things simple, we've converted Sinopia's #CB410B hex code into a full spectrum of popular color models. You can find and copy the exact values you need for your design tools below.