Warna bernama · #E8EBE6
Notebook Paper
Notebook Paper adalah #E8EBE6: rgb(232 235 230), hsl(96 11% 91%), oklch(0.936 0.007 132.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Notebook Paper color name →
#E8EBE6
oklch(0.936 0.007 132.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EAEDE8
- EDEFEB
- EFF1ED
- F1F3F0
- F3F5F2
- F6F7F5
- F8F9F7
- FAFBFA
- FDFDFC
Shade
- CACCC8
- ACAEAB
- 90918E
- 747573
- 595B59
- 404140
- 292928
- 131313
- 030303
Tone
- DDE0DB
- D2D5D1
- C8CAC6
- BDBFBC
- B3B4B2
- A8A9A7
- 9E9F9D
- 949493
- 8A8A8A
Harmoni warna
Komplementer +180°
- E8EBE6
Notebook Paper
- ECE9EE
≈ Greek Goddess
Analog -30° +30°
- E8EBE6
Notebook Paper
- EBEAE5
≈ Blanco
- E6ECE8
≈ Dusting Powder
Triadik +120° +240°
- E8EBE6
Notebook Paper
- E6EAEF
≈ Calla Lily
- EFE8E8
≈ Frosty Morning
Split-komplementer +150° +210°
- E8EBE6
Notebook Paper
- E9E9EF
≈ Diamond Cut
- EEE8EB
≈ Eyes White Shut
Tetradik +90° +180° +270°
- E8EBE6
Notebook Paper
- E5EBED
≈ Blizzard
- ECE9EE
≈ Greek Goddess
- EFE8E6
≈ Holy Ghost
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.20:1 · APCA Lc 10
Ag
AAADi atas hitam
WCAG 17.45:1 · APCA Lc 94
Warna teks terbaik: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Cuplikan kode
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);
}