Colore con nome · #E8EAE6
Pacific Pearl
Pacific Pearl è #E8EAE6: rgb(232 234 230), hsl(90 9% 91%), oklch(0.934 0.006 128.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pacific Pearl color name →
#E8EAE6
oklch(0.934 0.006 128.5)
Conversioni di colore
- HEX
- #e8eae6
- RGB
- rgb(232 234 230)
- HSL
- hsl(90 9% 91%)
- HWB
- hwb(90 90% 8%)
- OKLCH
- oklch(0.934 0.006 128.5)
- OKLab
- oklab(0.934 -0.004 0.004)
- CIE Lab
- lab(92.46 -1.22 1.7)
- LCH
- lch(92.46 2.09 125.7)
- CMYK
- cmyk(1% 0% 2% 8%)
Tinte · Ombre · Toni
Tinte
- EAECE8
- EDEEEB
- EFF0ED
- F1F2F0
- F3F4F2
- F6F7F5
- F8F9F7
- FAFBFA
- FDFDFC
Ombre
- CACBC8
- ACAEAB
- 90918E
- 747573
- 595A59
- 404140
- 292928
- 131313
- 030303
Toni
- DDDFDB
- D2D4D1
- C8C9C6
- BDBEBC
- B3B4B2
- A8A9A7
- 9E9F9D
- 949493
- 8A8A8A
Armonie di colore
Complementare +180°
- E8EAE6
Pacific Pearl
- EAE8EC
≈ Dandelion Floatie
Analogo -30° +30°
- E8EAE6
Pacific Pearl
- EAE9E5
≈ Faded Grey
- E6EAE8
≈ Mt. Hood White
Triadico +120° +240°
- E8EAE6
Pacific Pearl
- E6EAED
≈ Calla Lily
- EDE8E8
≈ Melodic White
Complementare divisa +150° +210°
- E8EAE6
Pacific Pearl
- E8E9ED
≈ Dandelion Floatie
- ECE8EA
≈ Eyes White Shut
Tetradico +90° +180° +270°
- E8EAE6
Pacific Pearl
- E5EAEC
≈ Calla Lily
- EAE8EC
≈ Dandelion Floatie
- EDE8E6
≈ Flower Girl Dress
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.34:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--pacific-pearl: #e8eae6;
--pacific-pearl-rgb: 232 234 230;
--pacific-pearl-oklch: oklch(0.934 0.006 128.5);
}
.element {
color: var(--pacific-pearl);
background-color: hsl(90 9% 91%);
border-color: oklch(0.934 0.006 128.5);
}Tailwind CSS v4
@theme {
--color-pacific-pearl: #e8eae6;
--color-pacific-pearl-50: #f4f5f4;
--color-pacific-pearl-100: #e7e8e6;
--color-pacific-pearl-200: #d3d5d2;
--color-pacific-pearl-300: #b6b8b5;
--color-pacific-pearl-400: #9d9f9b;
--color-pacific-pearl-500: #858783;
--color-pacific-pearl-600: #70726f;
--color-pacific-pearl-700: #5a5b59;
--color-pacific-pearl-800: #424341;
--color-pacific-pearl-900: #2d2e2c;
--color-pacific-pearl-950: #1a1b1a;
}SCSS
$pacific-pearl: #e8eae6;
$pacific-pearl-rgb: 232, 234, 230;
$pacific-pearl-light: mix(#fff, $pacific-pearl, 20%);
$pacific-pearl-dark: mix(#000, $pacific-pearl, 20%);
.element {
color: $pacific-pearl;
box-shadow: 0 0 0 2px rgba($pacific-pearl, 0.35);
}