Colore con nome · #E8EBE6
Notebook Paper
Notebook Paper è #E8EBE6: rgb(232 235 230), hsl(96 11% 91%), oklch(0.936 0.007 132.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Notebook Paper color name →
#E8EBE6
oklch(0.936 0.007 132.4)
Conversioni di colore
- HEX
- #e8ebe6
- RGB
- rgb(232 235 230)
- HSL
- hsl(96 11% 91%)
- HWB
- hwb(96 90% 8%)
- OKLCH
- oklch(0.936 0.007 132.4)
- OKLab
- oklab(0.936 -0.005 0.005)
- CIE Lab
- lab(92.71 -1.7 2.06)
- LCH
- lch(92.71 2.67 129.5)
- CMYK
- cmyk(1% 0% 2% 8%)
Tinte · Ombre · Toni
Tinte
- EAEDE8
- EDEFEB
- EFF1ED
- F1F3F0
- F3F5F2
- F6F7F5
- F8F9F7
- FAFBFA
- FDFDFC
Ombre
- CACCC8
- ACAEAB
- 90918E
- 747573
- 595B59
- 404140
- 292928
- 131313
- 030303
Toni
- DDE0DB
- D2D5D1
- C8CAC6
- BDBFBC
- B3B4B2
- A8A9A7
- 9E9F9D
- 949493
- 8A8A8A
Armonie di colore
Complementare +180°
- E8EBE6
Notebook Paper
- ECE9EE
≈ Greek Goddess
Analogo -30° +30°
- E8EBE6
Notebook Paper
- EBEAE5
≈ Blanco
- E6ECE8
≈ Dusting Powder
Triadico +120° +240°
- E8EBE6
Notebook Paper
- E6EAEF
≈ Calla Lily
- EFE8E8
≈ Frosty Morning
Complementare divisa +150° +210°
- E8EBE6
Notebook Paper
- E9E9EF
≈ Diamond Cut
- EEE8EB
≈ Eyes White Shut
Tetradico +90° +180° +270°
- E8EBE6
Notebook Paper
- E5EBED
≈ Blizzard
- ECE9EE
≈ Greek Goddess
- EFE8E6
≈ Holy Ghost
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.45:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--notebook-paper: #e8ebe6;
--notebook-paper-rgb: 232 235 230;
--notebook-paper-oklch: oklch(0.936 0.007 132.4);
}
.element {
color: var(--notebook-paper);
background-color: hsl(96 11% 91%);
border-color: oklch(0.936 0.007 132.4);
}Tailwind CSS v4
@theme {
--color-notebook-paper: #e8ebe6;
--color-notebook-paper-50: #f4f5f3;
--color-notebook-paper-100: #e7e8e6;
--color-notebook-paper-200: #d3d5d2;
--color-notebook-paper-300: #b6b8b4;
--color-notebook-paper-400: #9d9f9b;
--color-notebook-paper-500: #848782;
--color-notebook-paper-600: #70726e;
--color-notebook-paper-700: #595b58;
--color-notebook-paper-800: #414340;
--color-notebook-paper-900: #2d2e2c;
--color-notebook-paper-950: #1a1b19;
}SCSS
$notebook-paper: #e8ebe6;
$notebook-paper-rgb: 232, 235, 230;
$notebook-paper-light: mix(#fff, $notebook-paper, 20%);
$notebook-paper-dark: mix(#000, $notebook-paper, 20%);
.element {
color: $notebook-paper;
box-shadow: 0 0 0 2px rgba($notebook-paper, 0.35);
}