Named color · #EFE5D9
Pearl Dust
Pearl Dust is #EFE5D9: rgb(239 229 217), hsl(33 41% 89%), oklch(0.927 0.019 72.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pearl Dust color name →
#EFE5D9
oklch(0.927 0.019 72.6)
Color conversions
- HEX
- #efe5d9
- RGB
- rgb(239 229 217)
- HSL
- hsl(33 41% 89%)
- HWB
- hwb(33 85% 6%)
- OKLCH
- oklch(0.927 0.019 72.6)
- OKLab
- oklab(0.927 0.006 0.019)
- CIE Lab
- lab(91.5 2.01 7.15)
- LCH
- lch(91.5 7.42 74.3)
- CMYK
- cmyk(0% 4% 9% 6%)
Tints · Shades · Tones
Tints
- F1E8DD
- F2EAE1
- F4EDE4
- F5EFE8
- F7F2EC
- F9F5F0
- FAF7F4
- FCFAF7
- FDFCFB
Shades
- D0C7BC
- B1AAA1
- 948E86
- 78726C
- 5C5853
- 423F3B
- 2A2825
- 141211
- 030302
Tones
- E3DAD0
- D8D0C7
- CCC6BD
- C1BBB4
- B6B1AB
- ABA7A3
- A09D9A
- 959391
- 8B8A89
Color harmonies
Complementary +180°
- EFE5D9
Pearl Dust
- DEE8F4
≈ St. Petersburg
Analogous -30° +30°
- EFE5D9
Pearl Dust
- F3E3DD
≈ Peach Tone
- E9E7D9
≈ Clear Sand
Triadic +120° +240°
- EFE5D9
Pearl Dust
- D9EBEA
≈ Water Squirt
- EBE3F0
≈ Faded Fuchsia
Split-complementary +150° +210°
- EFE5D9
Pearl Dust
- DAEAF0
≈ Frost Wind
- E4E5F4
≈ Crystal Falls
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.87:1 · APCA Lc 92
Best text color: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--pearl-dust: #efe5d9;
--pearl-dust-rgb: 239 229 217;
--pearl-dust-oklch: oklch(0.927 0.019 72.6);
}
.element {
color: var(--pearl-dust);
background-color: hsl(33 41% 89%);
border-color: oklch(0.927 0.019 72.6);
}Tailwind CSS v4
@theme {
--color-pearl-dust: #efe5d9;
--color-pearl-dust-50: #f8f4ef;
--color-pearl-dust-100: #ece7e1;
--color-pearl-dust-200: #d9d3cb;
--color-pearl-dust-300: #bdb6ad;
--color-pearl-dust-400: #a69d92;
--color-pearl-dust-500: #8e8478;
--color-pearl-dust-600: #787066;
--color-pearl-dust-700: #605a51;
--color-pearl-dust-800: #47413b;
--color-pearl-dust-900: #312d29;
--color-pearl-dust-950: #1d1a16;
}SCSS
$pearl-dust: #efe5d9;
$pearl-dust-rgb: 239, 229, 217;
$pearl-dust-light: mix(#fff, $pearl-dust, 20%);
$pearl-dust-dark: mix(#000, $pearl-dust, 20%);
.element {
color: $pearl-dust;
box-shadow: 0 0 0 2px rgba($pearl-dust, 0.35);
}