Pearl

#EAE0C8
RGB
234, 224, 200
HSL
42°, 45%, 85%
CMYK
0, 4, 15, 8
HSV
42°, 15%, 92%

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

#EAE0C8
#DECEA8
#D2BC89
#C6AA69
#BA994A
#9D803C
#7E6630
#5E4D24

Tints

#F9F6EE
#F7F2E9
#F4EFE3
#F2ECDE
#F0E9D8
#EEE6D3
#ECE3CD
#EAE0C8

Tones

#EAE0C8
#E8DFC9
#E7DECB
#E5DECD
#E3DDCE
#E1DCD0
#E0DCD2
#DEDBD4

Hues

#EAE0C8
#DAEAC8
#C8EACE
#C8EAE8
#C8D2EA
#D7C8EA
#EAC8E3
#EAC8C9

Color Harmonies

Analogous

#EACEC8
Click to copy
Light Red
96%
#EAE0C8
Click to copy
Pearl
100%
#E3EAC8
Click to copy
Light Yellow
97%

Complementary

#EAE0C8
Click to copy
Pearl
100%
#C8D2EA
Click to copy
Light Blue
89%

Split Complementary

#EAE0C8
Click to copy
Pearl
100%
#C8E3EA
Click to copy
Light Cyan
89%
#CEC8EA
Click to copy
Light Blue
89%

Triadic

#EAE0C8
Click to copy
Pearl
100%
#C8EAE0
Click to copy
Light Cyan
90%
#E0C8EA
Click to copy
Light Purple
90%

Tetradic

#EAE0C8
Click to copy
Pearl
100%
#C8EACE
Click to copy
Light Green
92%
#C8D2EA
Click to copy
Light Blue
89%
#EAC8E3
Click to copy
Light Purple
92%

Square

#EAE0C8
Click to copy
Pearl
100%
#C8EACE
Click to copy
Light Green
92%
#C8D2EA
Click to copy
Light Blue
89%
#EAC8E3
Click to copy
Light Purple
92%

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

Popular Tags