Sand dollar is a tranquil, soft beige—between cream and light taupe on the color wheel. This calm hue echoes beach sands. Shades like ivory and ecru complement it. Use sand dollar in designs for an earthy, serene vibe, perfect for minimalist or nature-themed projects.
Sand Dollar is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #ECD540
- RGB value: 92.5% red, 83.5% green, 25.1% 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 Sand Dollar, consider:
- Beige (#ede8d0): Soft and neutral, beige shares Sand Dollar's calming and earthy tone, evoking a natural and understated aesthetic.
- Ecru (#e0cd95): With its light and muted shade, ecru resembles Sand Dollar in subtlety, offering a warm, natural feel.
- Champagne (#f7e6ca): Champagne’s light, warm hue mirrors Sand Dollar's gentleness, maintaining an elegant and understated presence.
- Ivory (#ffffe3): Ivory exhibits a light, creamy tone akin to Sand Dollar, providing a soft and refined look with a hint of warmth.
To complement Sand Dollar, consider pairing it with:
- Teal (#069494): Offers a striking contrast with its vibrant, cool tone, highlighting Sand Dollar's warmth.
- Coral (#FF8559): Enhances Sand Dollar’s earthy quality with its lively, warm accent, creating a harmonious beachy vibe.
- Moss Green (#7E8C54): Provides a natural, muted partner to Sand Dollar, balancing brightness with subtle earthiness.
- Royal Blue (#305CDE): Introduces a bold, classic contrast that enriches the neutral tone of Sand Dollar.
- Burnt Orange (#BE5103): Complements Sand Dollar with a deep, warm tone, adding richness and warmth to the palette.
While Sand Dollar is neutral and calming, it may clash with:
- Crimson Red (#b22222): Its deep, intense hue creates too much contrast, overshadowing Sand Dollar's subtlety.
- Cobalt Blue (#0047ab): The vibrant and saturated blue can overwhelm Sand Dollar's muted tone, leading to an unbalanced look.
- Neon Green (#2cff05): Its brightness is jarring next to the calm, understated nature of Sand Dollar.
- Fuchsia (#ff00ff): The bold, vivid pink can clash with Sand Dollar, creating a visually discordant pairing.
- Aubergine (#372528): This dark, warm hue can absorb the lightness of Sand Dollar, resulting in a heavy and dull appearance.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Mystic Sunset
Lemon Lagoon
Radiant Jubilee
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
1.48:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Fail
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
14.16:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Pass
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #ECD540, known as Sand Dollar, has RGB values of R:236, G:213, B:64 and CMYK values of C:0, M:10, Y:73, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #ECD540 | #ECD540 |
| RGB DECIMAL | 236, 213, 64 | RGB(236,213,64) |
| RGB PERCENTAGE | 92.5, 83.5, 25.1 | RGB(92.5%,83.5%,25.1%) |
| CMYK | 0, 10, 73, 7 | |
| HSL | HSL(52.0, 81.9%, 58.8%) | HSL(52.0, 81.9%, 58.8%) |
| HSV (OR HSB) | 52.0°, 72.9, 92.5 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11101100, 11010101, 01000000 | |
| iOS - SwiftUI | Color(red: 0.925, green: 0.835, blue: 0.251) | |
| iOS - UIKit | UIColor(red: 0.925, green: 0.835, blue: 0.251, alpha: 1) | |
| Android - Compose | Color(0xFFECD540) |
