Named color · #E8E6DE
Pearly Gates
Pearly Gates is #E8E6DE: rgb(232 230 222), hsl(48 18% 89%), oklch(0.924 0.011 95.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pearly Gates color name →
#E8E6DE
oklch(0.924 0.011 95.2)
Color conversions
- HEX
- #e8e6de
- RGB
- rgb(232 230 222)
- HSL
- hsl(48 18% 89%)
- HWB
- hwb(48 87% 9%)
- OKLCH
- oklch(0.924 0.011 95.2)
- OKLab
- oklab(0.924 -0.001 0.011)
- CIE Lab
- lab(91.28 -0.34 4.16)
- LCH
- lch(91.28 4.17 94.7)
- CMYK
- cmyk(0% 1% 4% 9%)
Tints · Shades · Tones
Tints
- EAE8E1
- EDEBE5
- EFEDE8
- F1F0EB
- F3F2EE
- F6F5F2
- F8F7F5
- FAFAF8
- FDFCFC
Shades
- CAC8C1
- ACABA5
- 908E89
- 74736F
- 595955
- 40403D
- 292826
- 131312
- 030302
Tones
- DDDBD4
- D2D1CA
- C8C6C1
- BDBCB7
- B3B2AE
- A8A7A4
- 9E9D9B
- 949392
- 8A8A89
Color harmonies
Complementary +180°
- E8E6DE
Pearly Gates
- E4E6ED
≈ Genteel Lavender
Analogous -30° +30°
- E8E6DE
Pearly Gates
- EBE5DF
≈ Lime White
- E4E7E0
≈ White Blaze
Triadic +120° +240°
- E8E6DE
Pearly Gates
- DEE8EA
≈ Filigree
- EBE3E9
≈ Calm Tint
Split-complementary +150° +210°
- E8E6DE
Pearly Gates
- E0E7ED
≈ Diamond Light
- E7E4EC
≈ Soft Iris
Tetradic +90° +180° +270°
- E8E6DE
Pearly Gates
- DEE8E7
≈ Filigree
- E4E6ED
≈ Genteel Lavender
- EDE3E5
≈ Delicacy White
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.80:1 · APCA Lc 92
Best text color: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--pearly-gates: #e8e6de;
--pearly-gates-rgb: 232 230 222;
--pearly-gates-oklch: oklch(0.924 0.011 95.2);
}
.element {
color: var(--pearly-gates);
background-color: hsl(48 18% 89%);
border-color: oklch(0.924 0.011 95.2);
}Tailwind CSS v4
@theme {
--color-pearly-gates: #e8e6de;
--color-pearly-gates-50: #f6f5f2;
--color-pearly-gates-100: #e9e8e4;
--color-pearly-gates-200: #d5d4cf;
--color-pearly-gates-300: #b9b7b1;
--color-pearly-gates-400: #a09e97;
--color-pearly-gates-500: #88867e;
--color-pearly-gates-600: #73726b;
--color-pearly-gates-700: #5c5b55;
--color-pearly-gates-800: #44423e;
--color-pearly-gates-900: #2f2e2b;
--color-pearly-gates-950: #1b1b18;
}SCSS
$pearly-gates: #e8e6de;
$pearly-gates-rgb: 232, 230, 222;
$pearly-gates-light: mix(#fff, $pearly-gates, 20%);
$pearly-gates-dark: mix(#000, $pearly-gates, 20%);
.element {
color: $pearly-gates;
box-shadow: 0 0 0 2px rgba($pearly-gates, 0.35);
}