Pearl Color

#EAE6DC

Shades

Darker variations of each color in your palette

Base Color

#EAE6DC
#EAE6DC
#BBB8B0
#8C8A84
#5E5C58
#2F2E2C
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#EAE6DC
#EAE6DC
#EEEBE3
#F2F0EA
#F7F5F1
#FBFAF8
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#EAE6DCPearl Color
RGB234, 230, 220
HSL43, 25%, 89%
CMYK0%, 2%, 6%, 8%
OKLCHoklch(0.925 0.014 89)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#EAE6DC
#EADFDC
#EAE6DC
#E7EADC

Analogous

#EAE6DC
#DCE0EA

Complementary

#EAE6DC
#DCEAE6
#E6DCEA

Triadic

#EAE6DC
#DCE7EA
#DFDCEA

Split Complementary

#EAE6DC
#DCEADF
#DCE0EA
#EADCE7

Tetradic

#403926
#706343
#9F8D60
#BCAF8F
#D9D2BF

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#EAE6DC
#EADCDC
#EAEADC
#DCEADC
#DCEAEA
#DCDCEA
#EADCEA

Hues

Tones

Tones created by adding gray to each color

Base Color

#EAE6DC
#EAE6DC
#D5D2CA
#C0BDB7
#AAA9A5
#959492
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#EAE6DC
#EDDED2
#F0D7C8
#F3CFBE

Warmer

#DFDEE1
#D5D7E7
#CACFEC

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#EAE6DC

On White Background

Sample Text
Contrast Ratio:1.25:1
WCAG Level:Fail
FAIL

On Black Background

Sample Text
Contrast Ratio:16.85:1
WCAG Level:AAA
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)