Color Conversion
#d93421
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Pro Tip: Use shades for hover states and shadows, tints for highlights and backgrounds.
Shades
Darker variations created by adding black to your base color.
Tints
Lighter variations created by adding white to your base color.
Common Use Cases
- • UI component states (hover, active, disabled)
- • Creating depth with shadows and highlights
- • Building consistent color systems
Design System Tip
These variations form the foundation of a cohesive color palette. Export them to maintain consistency across your entire project.
Color Combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
How to Use
Click on any color to copy its hex value. These combinations are mathematically proven to create visual harmony.
Why It Matters
Color harmonies create balance and evoke specific emotions in your designs.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
Color Theory Principles
Balance
Use one dominant color, support with secondary, and accent sparingly.
Contrast
Ensure sufficient contrast for readability and accessibility.
Harmony
Colors should work together to create a unified visual experience.
Color Contrast Checker
Test color combinations to ensure they meet WCAG accessibility standards for text readability.
Text Color
Background Color
Contrast
WCAG Standards
Advanced Contrast Checker
Fine-tune with sliders, multiple previews & more
Everybody is a Genius. But If You Judge a Fish by Its Ability to Climb a Tree, It Will Live Its Whole Life Believing that It is Stupid.
Technical Formats
Practical Formats
Color Analysis
Blindness Simulator
Creative Aspects
Frequently asked questions
- What color is #D93421?
- #D93421 is Smoldering Roma – A vivid, orange-leaning crimson that reads as warm, sunlit and tactile — like the shoulder of a ripe Roma tomato warmed by late light. It conjures urgent appetite and confident heat, a color that pushes attention while keeping a grounded, handcrafted edge.
- What does Smoldering Roma symbolize?
- passion and desire, appetite and harvest, urgent action or sale, handcrafted authenticity, celebration/rank (historic pigments). In China and many East Asian contexts, vivid red tones broadly signal luck and celebration, though vermilion specifically carries imperial and ritual connotations. In Western contexts this orange-leaning red reads as appetite, danger, and romantic passion; in India it also maps to marriage and auspiciousness. Latin American cultures commonly connect bright reds to energy, political passion, and festival life.
- Where is Smoldering Roma used in design?
- This shade heightens attention and increases physiological arousal, making viewers more likely to act quickly or feel appetite. In interiors or branding it accelerates perceived warmth and can make spaces feel smaller but more intimate.
- Which colors go well with Smoldering Roma?
- Smoldering Roma pairs well with #21D9C9, #D94A21, #2121D9. #21D9C9: Complementary: a cool teal that provides high contrast and optical balance, ideal for hover states or secondary CTAs (complementary harmony).. #D94A21: Analogous: a slightly more orange red that deepens warmth for shadows, gradients, or secondary accents (analogous harmony).. #2121D9: Triadic: a vivid indigo-blue that offers energetic contrast for brand marks and editorial spots without desaturating the red (triadic harmony)..
- How does Smoldering Roma affect mood?
- Warm, urgent confidence with a tactile, sensual edge An immediate visceral spark — hunger, excitement, and readiness to engage. Key traits: energy, urgency, appetite stimulation, confidence, sensuality.
- Which industries use Smoldering Roma?
- Smoldering Roma is commonly used in Food & Beverage (sauces, fast-casual), Fashion & Accessories (statement pieces), Sports & Automotive (performance accents). It fits brand archetypes like The Lover, The Rebel.
- What is the history of Smoldering Roma?
- Bright orange-leaning reds like this trace back to ancient vermilion (cinnabar) and organic madder lakes; cinnabar (mercury sulfide) produced vivid orange-red pigments used in China, Rome and Maya art for millennia, while plant-based red dyes (madder, cochineal) provided more crimson notes.
- How to use Smoldering Roma in design?
- Treat it as an attention color—reserve for hierarchy, not for silence. Best practices: Use as a focused accent (20–35% of composition) against neutral backgrounds to maximize impact and legibility.; Pair with a cool teal complement for interaction states (hover, active) to leverage split-complementary contrast.; Use white or very dark charcoal type on the color for buttons — prefer semi-bold sans-serifs for legibility and tactile feel..
- Is Smoldering Roma accessible?
- Contrast ratio on white: 4.70:1, on black: 4.46:1. Passes WCAG AA for normal and large text.