What color is Pearl?
Pearl is a soft, warm off-white with a faint creamy undertone, hex #EAE0C8, close to the inside of an oyster shell. It has a gentle warmth that keeps it from looking stark or cold.
What is the meaning of the color Pearl?
The name comes from the gem produced by mollusks, which has been traded as a luxury material since at least 2300 BCE in China. Pearl white became a formal color category in European decorative arts by the 18th century, used to describe the pale, slightly warm finish applied to porcelain and lacquered furniture. The color was adopted as a standard automotive finish in the late 20th century, with Toyota introducing Pearl White as a named exterior option in the 1980s.
RGB
234, 224, 200
HSL
42°, 45%, 85%
CMYK
0, 4, 15, 8
HSV
42°, 15%, 92%
What colors go with Pearl?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #EAE0C8 |
color: #EAE0C8;
|
| RGB | 234, 224, 200 |
color: rgb(234, 224, 200);
|
| RGB Percentage | 92%, 88%, 78% |
color: rgb(92%, 88%, 78%);
|
| CMYK | 0%, 4%, 15%, 8% | Not supported in CSS |
| HSL | 42°, 45%, 85% |
color: hsl(42, 45%, 85%);
|
| HSV | 42°, 15%, 92% | Not supported in CSS |
| CIE-LAB | 68, 2, 8 |
color: lab(68% 2 8);
|
| Decimal | 15392968 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.pearl {
color: #EAE0C8;
}
SCSS
$pearl: #EAE0C8;
RGB
rgb(234, 224, 200)
Accessibility & Contrast
White background
1.31:1
1.31
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
15.99:1
15.99
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element