Pearl is a light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #EAE0C8, which equals rgb(234, 224, 200) in RGB and hsl(42, 45%, 85%) in HSL. In print terms it converts to roughly C0 M4 Y15 K8, although exact CMYK results depend on the paper and color profile.
- HEX
#EAE0C8 - RGB
234, 224, 200 - HSL
42°, 45%, 85% - CMYK
0, 4, 15, 8 - Family
Brown - Tone
Light, moderately saturated
About Pearl
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 15.99:1. Its complementary color is #C8D2EA.
Download Pearl as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pearl color codes
| HEX | #EAE0C8 |
|---|---|
| RGB | rgb(234, 224, 200) |
| HSL | hsl(42, 45%, 85%) |
| HSV | 42°, 15%, 92% |
| CMYK | 0%, 4%, 15%, 8% |
| Decimal | 15392968 |
Shades and tints of Pearl
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCFAF6 - 100
#F8F5ED - 200
#F5F0E4 - 300
#F1EADA - 400
#EEE5D1 - 500
#EAE0C8 - 600
#C3BBA7 - 700
#9C9585 - 800
#757064 - 900
#4E4B43 - 950
#272521
Color harmonies for Pearl
- Complementary
#C8D2EA≈ Very Pale Muted Cerulean - Analogous −30°
#EACEC8≈ Very Pale Muted Persimmon - Analogous +30°
#E3EAC8≈ Very Pale Muted Yellow - Triadic +120°
#C8EAE0≈ Very Pale Muted Teal - Triadic +240°
#E0C8EA≈ Very Pale Muted Orchid - Split 150°
#C8E3EA≈ Very Pale Muted Cyan - Split 210°
#CEC8EA≈ Very Pale Muted Periwinkle
Contrast and accessibility of Pearl
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pearl | Aa | 1.31:1 | Fails |
| Black text on Pearl | Aa | 15.99:1 | AAA (excellent) |
CSS code for Pearl
background-color: #EAE0C8;color: #EAE0C8;background-color: rgb(234, 224, 200);background-color: hsl(42, 45%, 85%);:root { --color-pearl: #EAE0C8; }class="bg-[#EAE0C8]"Colors similar to Pearl
- Bone
#E3DAC9 - Very Pale Muted Gold
#E3E0BF - Very Pale Muted Yellow
#E3E3BF - Very Pale Muted Marigold
#E3DCBF - Very Pale Muted Citron
#E0E3BF - Very Pale Muted Amber
#E3D8BF - Very Pale Soft Marigold
#EDE2B6 - Very Pale Soft Amber
#EDDCB6 - Palest Soft Cinnabar
#F5DFD6 - Champagne
#F7E7CE - Very Pale Muted Lime
#DCE3BF - Palest Soft Persimmon
#F5E2D6
More brown shades
- Camel
#C19A6B - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147 - Sepia
#704214 - Alabaster
#EDEADE - Bone
#E3DAC9 - Darkest Cinnabar
#330F00 - Very Dark Cinnabar
#5C1C00 - Dark Cinnabar
#852800
Frequently asked questions
What is the HEX code for Pearl?
The HEX code for Pearl is #EAE0C8.
What is the RGB value of Pearl?
Pearl has an RGB value of 234, 224, 200 (rgb(234, 224, 200)). In HSL it is 42°, 45%, 85%.
What text color should I use on Pearl?
Use black text on Pearl. White text has a contrast ratio of 1.31:1 and black text has 15.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pearl?
The complementary color of Pearl is #C8D2EA. Analogous colors #EACEC8 and #E3EAC8 also pair well.