Lion color is a warm, earthy hue that blends sandy golden tones, similar to tawny shades on the color wheel. It's soft and natural, reminiscent of lion fur. Ideal for creating a grounded feel, this color works well in designs seeking a natural camouflage or an inviting, rustic vibe.
Lion is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DECC9C
- RGB value: 87.1% red, 80.0% green, 61.2% 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 lion, consider:
- Sand (#CBBd93): Sand echoes the sandy hue and golden undertones seen in a lion’s fur. It’s a natural, earthy color that exudes the warm, sunlit tones of a lion's coat pattern.
- Khaki (#D5C58A): Khaki shares a tawny vibe similar to lion fur, with a balanced blend of yellow and brown that mimics the subtle shifts in a lion's mane.
- Tan (#D6B588): Tan closely resembles the soft, muted golden tones found in a lion’s coat. Its warm, sandy hue makes it a natural companion to the color Lion.
- Beige (#EDE8D0): Beige offers a lighter, soft variant of the mane's color, capturing the sun-bleached look of lion fur while maintaining an underlying golden warmth.
To complement Lion, consider pairing it with:
- Soft Pink (#E89EB8): Soft pink offers a gentle contrast to Lion's warm tones, adding a subtle, serene touch to the palette. This combination creates a balanced and inviting aesthetic.
- Mint Green (#ADEBB3): Mint green introduces a fresh and cool undertone to Lion's warm hue, enhancing a natural and vibrant feel. Together, they craft a refreshing and dynamic scheme.
- Royal Blue (#305CDE): Royal blue provides a bold contrast to Lion, enhancing both colors' richness. This pairing exudes a regal and compelling visual, perfect for bold designs.
- Cream (#FDFBD4): Cream serves as a neutral backdrop that complements Lion's warmth, providing a crisp and clean canvas that allows the Lion color to stand out.
- Aubergine (#372528): Aubergine's deep and rich tone creates an elegant contrast with Lion's warm hue, adding depth and sophistication. This pairing offers a luxurious and inviting atmosphere.
While Lion is a majestic and warm sandy hue, it may clash with:
- Neon Green (#2CFF05): Neon green's brightness can overpower Lion's natural, earthy tone, creating a visually discordant palette.
- Fuchsia (#FF00FF): Fuchsia's vivid and vibrant nature can overshadow the subtlety of Lion, leading to an overwhelming visual effect.
- Cyan (#00FFFF): Cyan's intense brightness and cool undertone starkly contrast with Lion's warmth, which can result in a harsh juxtaposition.
- Hot Pink (#FF46A2): The boldness of hot pink can compete with Lion's gentle, tawny essence, creating a clash of extremes.
- Bright Yellow (#FFED29): Bright yellow's high saturation can vie for attention against Lion's more subdued, golden tones, causing imbalance in the palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Whispering Dunes
Vintage Waves
Sienna Bloom
Contrast checker
Contrast 1.59
- Large Text
#DECC9C
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 13.22
- Large Text
#DECC9C
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #DECC9C, known as Lion, has RGB values of R:222, G:204, B:156 and CMYK values of C:0, M:8, Y:30, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #DECC9C | #DECC9C |
| RGB DECIMAL | 222, 204, 156 | RGB(222,204,156) |
| RGB PERCENTAGE | 87.1, 80.0, 61.2 | RGB(87.1%,80.0%,61.2%) |
| CMYK | 0, 8, 30, 13 | |
| HSL | HSL(43.6, 50.0%, 74.1%) | HSL(43.6, 50.0%, 74.1%) |
| HSV (OR HSB) | 43.6°, 29.7, 87.1 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11011110, 11001100, 10011100 | |
| iOS - SwiftUI | Color(red: 0.871, green: 0.800, blue: 0.612) | |
| iOS - UIKit | UIColor(red: 0.871, green: 0.800, blue: 0.612, alpha: 1) | |
| Android - Compose | Color(0xFFDECC9C) |
