Bright red is a vibrant and energetic color, sitting between red and orange on the color wheel. This vivid hue is eye-catching and passionate, similar to scarlet or crimson. Use bright red to add excitement and intensity to your designs, creating dynamic and bold visuals that stand out.
Bright Red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #EE4B2B
- RGB value: 93.3% red, 29.4% green, 16.9% 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 bright red, consider:
- Scarlet (#ed2100): Scarlet shares the intense, vivid hue of bright red, exuding a fiery vibrancy that captures attention instantly.
- Cherry (#d20a2e): With its bold, lively tone, cherry mirrors bright red’s energetic feel, offering a dynamic and eye-catching impression.
- Carmine Red (#FF0038): This shade delivers a similar brilliant red color with slightly deeper undertones, emphasizing a lively and striking appeal like bright red.
- Vermilion (#e73121): Vermilion captures bright red’s essence with its blazing warmth, providing a slightly orange-ish tint that enriches the overall vibrancy.
To complement Bright Red, consider pairing it with:
- Mint Green (#ADEBB3): This soft, cool tone contrasts beautifully with bright red's intensity, adding a refreshing pop that feels vibrant and lively.
- Cobalt Blue (#0047AB): A deep, intense blue that offers a stunning contrast against bright red, creating a bold and eye-catching palette.
- Canary Yellow (#FFEF00): The bright, cheerful yellow complements the vivid hue of bright red, enhancing its warmth and energetic feel.
- Teal (#069494): This rich blue-green tone balances bright red’s warmth, resulting in a harmonious and sophisticated color combination.
- Cream (#FDFBD4): A soft, neutral backdrop that allows the brilliant red color to stand out while maintaining a clean and classic look.
While bright red is eye-catching, it may clash with:
- Neon Pink (#FF13F0): Neon pink's highly saturated hue competes with bright red, creating a visually jarring effect that can overwhelm the senses.
- Cyan (#00FFFF): This vibrant, cool tone provides too much contrast with bright red, leading to a harsh visual experience.
- Lime Green (#89F336): With its vivid hue, lime green stands out sharply against bright red, resulting in a clash that can detract from the harmony of a design.
- Deep Purple (#800080): Deep purple's rich color intensity may compete with the boldness of bright red, leading to a heavy and less balanced palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Inferno Spice
Citrus Splash
Sizzle Wave
Contrast checker
Contrast 3.7
- Large Text
#EE4B2B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.68
- Large Text
#EE4B2B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #EE4B2B, known as Bright Red, has RGB values of R:238, G:75, B:43 and CMYK values of C:0, M:68, Y:82, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #EE4B2B | #EE4B2B |
| RGB DECIMAL | 238, 75, 43 | RGB(238,75,43) |
| RGB PERCENTAGE | 93.3, 29.4, 16.9 | RGB(93.3%,29.4%,16.9%) |
| CMYK | 0, 68, 82, 7 | |
| HSL | HSL(9.8, 85.2%, 55.1%) | HSL(9.8, 85.2%, 55.1%) |
| HSV (OR HSB) | 9.8°, 81.9, 93.3 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11101110, 01001011, 00101011 | |
| iOS - SwiftUI | Color(red: 0.933, green: 0.294, blue: 0.169) | |
| iOS - UIKit | UIColor(red: 0.933, green: 0.294, blue: 0.169, alpha: 1) | |
| Android - Compose | Color(0xFFEE4B2B) |
