Carnelian is a warm, invigorating shade of red-orange, known for its lively vibe. It sits near red and orange on the color wheel and resembles fiery gemstones. Related shades include jasper and copper. Use carnelian in designs to add energy and warmth, making visuals pop!
Carnelian is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #B31B1B
- RGB value: 70.2% red, 10.6% green, 10.6% 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 carnelian, consider:
- Vermilion (#e73121): Vermilion shares Carnelian's warm, reddish-orange hue, embodying a similar vibrant energy and intensity.
- Cinnabar (#e84b3d): With its rich red-orange tone, Cinnabar resonates closely with Carnelian, capturing its warm and lively essence.
- Red-Orange (#ff4b33): Red-Orange aligns with Carnelian's bold and fiery character, offering a vivid blend of red and orange that mirrors the gemstone's vibrancy.
- Terracotta (#e35336): Terracotta reflects Carnelian's earthy warmth, providing a subdued red-orange palette that remains true to the stone's natural aura.
To complement Carnelian, consider pairing it with:
- Teal (#069494): Teal's cool tones create a striking contrast with Carnelian's warm hue, resulting in a balanced and vibrant color scheme.
- Champagne (#F7E6CA): Champagne offers a soft, neutral backdrop that allows Carnelian to stand out, creating a refined and elegant palette.
- Forest Green (#2E6F40): The rich depth of forest green complements Carnelian's warmth, enhancing the overall natural and earthy feel.
- Peach (#FFD3AC): Peach brings a gentle touch, harmonizing with Carnelian to create a cohesive and warm color palette.
While carnelian is a rich and deep orange-red, it may clash with:
- Emerald Green (#50C878): This bright green heavily contrasts with carnelian's warmth, leading to a jarring visual disharmony.
- Neon Pink (#FF13F0): Both colors fight for attention due to their intense vibrancy, creating a visually overwhelming palette.
- Cyan (#00FFFF): This bright, cool tone starkly contrasts with carnelian’s warmth, producing a harsh and unbalanced effect.
- Bright Orange (#FF991C): The close proximity in the color spectrum causes them to compete rather than complement, resulting in a lack of visual depth.
- Royal Blue (#305CDE): Its deep, bold blue tone can overpower carnelian, disrupting the rich balance and harmony desired in a palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Crimson Spice
Spice Splash
Crimson Revelry
Contrast checker
Contrast 6.8
- Large Text
#B31B1B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.09
- Large Text
#B31B1B
- 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 #B31B1B, known as Carnelian, has RGB values of R:179, G:27, B:27 and CMYK values of C:0, M:85, Y:85, K:30.
| VALUE | CSS | |
|---|---|---|
| HEX | #B31B1B | #B31B1B |
| RGB DECIMAL | 179, 27, 27 | RGB(179,27,27) |
| RGB PERCENTAGE | 70.2, 10.6, 10.6 | RGB(70.2%,10.6%,10.6%) |
| CMYK | 0, 85, 85, 30 | |
| HSL | HSL(0.0, 73.8%, 40.4%) | HSL(0.0, 73.8%, 40.4%) |
| HSV (OR HSB) | 0.0°, 84.9, 70.2 | |
| WEB SAFE | #2045151 | #2045151 |
| BINARY | 10110011, 00011011, 00011011 | |
| iOS - SwiftUI | Color(red: 0.702, green: 0.106, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 0.702, green: 0.106, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFFB31B1B) |
