Pearl color: code #EAE0C8

Pearl

#EAE0C8

Color codes

  • HEX#EAE0C8
  • RGBrgb(234, 224, 200)
  • HSLhsl(42, 45%, 85%)
  • HSVhsv(42, 15%, 92%)
  • CMYKcmyk(0%, 4%, 15%, 8%)
  • LABlab(89.4% -0.5 13)
  • OKLCHoklch(90.8% 0.034 88.1)

About the color Pearl

Pearl has the HEX code #EAE0C8, which corresponds to rgb(234, 224, 200) in the RGB model. On the color wheel its hue sits at 42°, with 45% saturation and 85% lightness (hsl(42, 45%, 85%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 15.99:1 contrast ratio on it, versus 1.31:1 for white.

For print, the approximate conversion is cmyk(0%, 4%, 15%, 8%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Pearl

Complementary

#EAE0C8 · #C8D2EA

Analogous

#EACEC8 · #EAE0C8 · #E3EAC8

Triadic

#EAE0C8 · #C8EAE0 · #E0C8EA

Tetradic

#EAE0C8 · #C8EACE · #C8D2EA · #EAC8E3

Split-complementary

#EAE0C8 · #C8E3EA · #CEC8EA

Monochromatic

#C7AB6B · #DCCBA3 · #EAE0C8 · #FFFFFF · #FFFFFF

Pearl with white and black text

White text Aa Bb Cc 123
1.31:1 · fails WCAG
Black text Aa Bb Cc 123
15.99:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-pearl: #EAE0C8;
  --color-pearl-rgb: 234, 224, 200;
}

.elemento {
  background-color: var(--color-pearl);
  color: #000000;
}