Color con nombre · #EBE3DE
Bookworm
Bookworm es #EBE3DE: rgb(235 227 222), hsl(23 25% 90%), oklch(0.921 0.011 54.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Bookworm color name →
#EBE3DE
oklch(0.921 0.011 54.5)
Conversiones de color
- HEX
- #ebe3de
- RGB
- rgb(235 227 222)
- HSL
- hsl(23 25% 90%)
- HWB
- hwb(23 87% 8%)
- OKLCH
- oklch(0.921 0.011 54.5)
- OKLab
- oklab(0.921 0.006 0.009)
- CIE Lab
- lab(90.77 2.17 3.47)
- LCH
- lch(90.77 4.09 58)
- CMYK
- cmyk(0% 3% 6% 8%)
Tintes · Sombras · Tonos
Tintes
- EDE6E1
- EFE9E5
- F1EBE8
- F3EEEB
- F5F1EE
- F7F4F2
- F9F7F5
- FBF9F8
- FDFCFC
Sombras
- CCC5C1
- AEA8A5
- 918C89
- 75716F
- 5B5755
- 413F3D
- 292726
- 131212
- 030302
Tonos
- E0D9D4
- D5CECA
- CAC4C1
- BFBAB7
- B4B0AE
- A9A6A4
- 9F9D9B
- 949392
- 8A8989
Armonías de color
Complementario +180°
- EBE3DE
Bookworm
- DEE6EB
≈ White Frost
Análogo -30° +30°
- EBE3DE
Bookworm
- ECE2E1
≈ Silica Sand
- E8E4DD
≈ Summer Grey
Triádico +120° +240°
- EBE3DE
Bookworm
- DEE7E4
≈ Starburst
- E5E3EC
≈ Soft Iris
Complementario dividido +150° +210°
- EBE3DE
Bookworm
- DDE7E8
≈ Filigree
- E1E5EC
≈ Genteel Lavender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.57:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--bookworm: #ebe3de;
--bookworm-rgb: 235 227 222;
--bookworm-oklch: oklch(0.921 0.011 54.5);
}
.element {
color: var(--bookworm);
background-color: hsl(23 25% 90%);
border-color: oklch(0.921 0.011 54.5);
}Tailwind CSS v4
@theme {
--color-bookworm: #ebe3de;
--color-bookworm-50: #f8f4f2;
--color-bookworm-100: #ebe7e4;
--color-bookworm-200: #d8d3d0;
--color-bookworm-300: #bcb6b2;
--color-bookworm-400: #a49d98;
--color-bookworm-500: #8c847f;
--color-bookworm-600: #77706c;
--color-bookworm-700: #5f5a56;
--color-bookworm-800: #46413f;
--color-bookworm-900: #302d2b;
--color-bookworm-950: #1c1a19;
}SCSS
$bookworm: #ebe3de;
$bookworm-rgb: 235, 227, 222;
$bookworm-light: mix(#fff, $bookworm, 20%);
$bookworm-dark: mix(#000, $bookworm, 20%);
.element {
color: $bookworm;
box-shadow: 0 0 0 2px rgba($bookworm, 0.35);
}