Alizarin is a vibrant red with deep, rich tones. Sitting near red on the color wheel, it shares space with shades like alizarin crimson and alizarin red. Perfect for creating dramatic effects in your designs, consider using it sparingly to highlight and add energy.
Alizarin is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DB2D43
- RGB value: 85.9% red, 17.6% green, 26.3% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as alizarin, consider:
- Crimson Red (#b22222): This color captures a bold, rich essence with a hint of brown, mirroring Alizarin's classic, vibrant depth.
- Cherry (#d20a2e): Cherry presents a bright, vivid tone that resonates with Alizarin's lively energy and red intensity.
- Vermilion (#e73121): Known for its fiery hue, Vermilion stands out for its intense, warm red that aligns with Alizarin's eye-catching vibrancy.
- Rose Red (#fa003f): Rose Red shares Alizarin's striking red with a touch of pink, creating a similar bold and captivating visual appeal.
To complement Alizarin, consider pairing it with:
- Mint Green (#ADEBB3): This soft, fresh shade provides a gentle contrast to Alizarin, highlighting its rich, deep notes while offering a refreshing balance.
- Powder Blue (#B8E3E9): Powder blue’s soothing tone counterbalances Alizarin’s vibrancy, creating a peaceful and harmonious combination.
- Cream (#FDFBD4): Serving as a neutral backdrop, cream allows Alizarin’s intensity to stand out, resulting in a classic and elegant palette.
- Olive Green (#636B2F): The earthy warmth of olive green brings depth and grounding to Alizarin’s bold energy, resulting in a balanced, nature-inspired pairing.
- Coral (#FF8559): Coral introduces a vibrant, warm contrast that complements Alizarin’s deep reds, making for a lively and dynamic pairing.
While Alizarin is a rich and vibrant hue that offers depth, it may clash with:
- Neon Green (#2CFF05): Neon green's intense brightness contrasts starkly with Alizarin's deep tone, creating visual tension.
- Tangerine (#FFA800): Tangerine presents a warm vibrancy that competes with Alizarin's richness, resulting in a discordant palette.
- Blue-Green (#00CEC8): Blue-green's cool undertones contrast sharply with Alizarin's warm shades, leading to a visually jarring effect.
- Chartreuse (#CCFF00): Chartreuse's bold saturation can overshadow Alizarin's depth, causing a chaotic visual experience.
- Cyan (#00FFFF): Cyan offers a high level of contrast, making it hard to harmonize with the deep, warm Alizarin.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Crimson Echo
Coral Mint
Crimson Fusion
Contrast checker
Contrast 4.7
- Large Text
#DB2D43
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.47
- Large Text
#DB2D43
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #DB2D43, known as Alizarin, has RGB values of R:219, G:45, B:67 and CMYK values of C:0, M:79, Y:69, K:14.
| VALUE | CSS | |
|---|---|---|
| HEX | #DB2D43 | #DB2D43 |
| RGB DECIMAL | 219, 45, 67 | RGB(219,45,67) |
| RGB PERCENTAGE | 85.9, 17.6, 26.3 | RGB(85.9%,17.6%,26.3%) |
| CMYK | 0, 79, 69, 14 | |
| HSL | HSL(352.4, 70.7%, 51.8%) | HSL(352.4, 70.7%, 51.8%) |
| HSV (OR HSB) | 352.4°, 79.5, 85.9 | |
| WEB SAFE | #2045151 | #2045151 |
| BINARY | 11011011, 00101101, 01000011 | |
| iOS - SwiftUI | Color(red: 0.859, green: 0.176, blue: 0.263) | |
| iOS - UIKit | UIColor(red: 0.859, green: 0.176, blue: 0.263, alpha: 1) | |
| Android - Compose | Color(0xFFDB2D43) |
