Pearl is a soft, lustrous off-white shade with a subtle, iridescent glow. It sits near white on the color wheel and brings a creamy, tranquil mood. Variants include pearl pink and pearl blue. Use pearl to add elegance and sophistication to designs, ideal for backgrounds or accents.
Pearl is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #EAE0C8
- RGB value: 91.8% red, 87.8% green, 78.4% 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 pearl, consider:
- Alabaster White (#FAFAFA): Alabaster White exudes a soft, milky hue akin to Pearl's lustrous and gentle sheen. With its subtle iridescence, it softly echoes the luminous quality associated with pearl colors.
- Antique White (#FAEBD7): Antique White presents a creamy tone enriched with warmth, much like Pearl's warm undertones, while retaining a delicate off-white appearance.
- Off-White (#F2F0EF): Off-White offers a neutral, understated hue with the same subdued elegance and subtle luster, making it a close relative to Pearl's refined essence.
- Ivory (#FFFFE3): Ivory mirrors Pearl's creamy qualities, blending a warm and soft presence with a delicate, lustrous finish, reminiscent of pearl white color.
To complement Pearl, consider pairing it with:
- Forest Green (#2E6F40): This rich, earthy tone offers a striking contrast to Pearl's subtle warmth, creating a balanced and harmonious palette reminiscent of nature.
- Dusty Rose (#DCA1A1): With its soft, muted pink hue, Dusty Rose enhances the gentle, creamy attributes of Pearl, adding a touch of elegance and romance.
- Saffron (#F1C338): Saffron introduces a warm, golden glow that complements the creamy texture of Pearl, creating a luxurious and inviting atmosphere.
- Sky Blue (#82C8E5): This calming, airy blue balances the warmth of Pearl, evoking a serene and tranquil setting perfect for restful spaces.
- Slate Gray (#6D8196): Slate Gray offers a sophisticated, modern contrast, enhancing the iridescent quality of Pearl while maintaining a chic, timeless appeal.
While Pearl is an elegant and soft hue often associated with iridescence, it may clash with:
- Neon Green (#2CFF05): This vibrant shade overwhelms Pearl's subtlety, creating a visual intensity that distracts from Pearl's softness.
- Crimson Red (#B22222): The deep, rich tone of Crimson Red creates a stark contrast with Pearl's lightness, resulting in visual discord.
- Electric Blue (#00F0FF): Pearl's gentle nature contrasts sharply with Electric Blue's vivid punch, creating a pairing that feels visually unsettling.
- Burnt Orange (#BE5103): Burnt Orange's warm, heavy saturation competes with Pearl's delicate nature, leading to a clashing color mix.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Whimsy Haven
Gentle Breeze
Dream Meadow
Contrast checker
Contrast 1.31
- Large Text
#EAE0C8
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.99
- Large Text
#EAE0C8
- 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 #EAE0C8, known as Pearl, has RGB values of R:234, G:224, B:200 and CMYK values of C:0, M:4, Y:15, K:8.
| VALUE | CSS | |
|---|---|---|
| HEX | #EAE0C8 | #EAE0C8 |
| RGB DECIMAL | 234, 224, 200 | RGB(234,224,200) |
| RGB PERCENTAGE | 91.8, 87.8, 78.4 | RGB(91.8%,87.8%,78.4%) |
| CMYK | 0, 4, 15, 8 | |
| HSL | HSL(42.4, 44.7%, 85.1%) | HSL(42.4, 44.7%, 85.1%) |
| HSV (OR HSB) | 42.4°, 14.5, 91.8 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11101010, 11100000, 11001000 | |
| iOS - SwiftUI | Color(red: 0.918, green: 0.878, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.918, green: 0.878, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFFEAE0C8) |
