CG Red
CG Red (#E03C31) is a brilliant, commanding hue sitting between classic red and a fiery orange. Its notable intensity and clean appearance make it a compelling choice for creating sharp focal points or adding a modern edge to any visual composition.
What color is CG Red?
CG Red is a commanding, warm red that sits somewhere between a pure vermilion and a softer poppy.
Its composition gives it a subtle orange undertone, lending the hue a distinct warmth without shifting into fiery orange territory.
What is the meaning of the color CG Red (#E03C31) in design?
CG Red, with its hex code #E03C31, is a color that commands attention, radiating energy, passion, and a sense of importance.
Its name hints at its origins with the U.S. Coast Guard, lending it a symbolic weight of authority, urgency, and readiness, making it a powerful choice for signaling critical information.
How can I effectively use CG Red in my UI design?
CG Red (#E03C31) works best as a potent accent color. To avoid visual fatigue, pair it with a foundation of muted neutrals like off-whites, charcoals, or deep navy blues. Applying the 60-30-10 principle, use CG Red for that final 10%—think primary buttons, active states, or notification badges—to guide the user's eye without overwhelming the interface.
Major brands like Flipboard, Artsy, and Google (across Gmail, Maps, and Chrome) use similar powerful reds for branding and critical UI elements. This shows its strength in creating memorable identities and highlighting key actions in busy digital products.
You can use the tools below to build out curated palettes, check the contrast of your color combinations for accessibility, and see how CG Red looks in real UI components from top applications.
Using CG Red color codes
When applying CG Red, using its specific hex code, #E03C31, is critical for maintaining color consistency across digital platforms. This guarantees the exact shade appears as intended in your designs, from initial mockups to the final product.
Depending on your project's medium, you will need to convert #E03C31. For digital work, RGB values are fundamental as they dictate how screens mix light to produce the color. For print materials, you will use the CMYK equivalent, which is based on ink mixing. Other formats like HSL offer more intuitive ways to make adjustments to hue, saturation, and lightness.
To make things easier, we have converted CG Red's #E03C31 hex code into a variety of common formats. You can find and copy the exact values you need for your project below.
Analogous
An analogous scheme pairs CG Red with its adjacent hues on the color wheel, resulting in a comfortable and cohesive color story.
Complementary
Complementary colors sit directly opposite each other on the color wheel. Paired with CG Red, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for CG Red uses the two colors adjacent to its direct complement, offering a vibrant yet balanced color palette.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel, creating a vibrant, high-contrast palette with CG Red as a base.
Tetradic
A tetradic scheme pairs CG Red with three other hues, forming two sets of complementary colors for a rich and balanced palette.
Square
A square scheme uses four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with CG Red as a foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By adding black to CG Red, you create shades that add depth and visual weight.
Tints
Tints of CG Red are created by adding white, resulting in lighter, softer hues.
Tones
Tones of CG Red are created by adding gray, producing muted and less saturated variations.
Hues
Hues are variations of CG Red, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
