Cor nomeada mais próxima · #EEE5DE
#EEE5DE
Cor nomeada mais próxima: Bookworm
#EEE5DE (rgb(238 229 222), hsl(26 32% 90%), oklch(0.927 0.014 60.6)) é mais próxima da cor nomeada Bookworm. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EEE5DE
oklch(0.927 0.014 60.6)
Conversões de cor
- HEX
- #eee5de
- RGB
- rgb(238 229 222)
- HSL
- hsl(26 32% 90%)
- HWB
- hwb(26 87% 7%)
- OKLCH
- oklch(0.927 0.014 60.6)
- OKLab
- oklab(0.927 0.007 0.012)
- CIE Lab
- lab(91.51 2.27 4.57)
- LCH
- lch(91.51 5.1 63.6)
- CMYK
- cmyk(0% 4% 7% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0E8E1
- F1EAE5
- F3EDE8
- F5EFEB
- F7F2EE
- F8F5F2
- FAF7F5
- FCFAF8
- FDFCFC
Sombras
- CFC7C1
- B1AAA5
- 938E89
- 77726F
- 5C5855
- 423F3D
- 2A2826
- 141212
- 030302
Tons
- E2DAD4
- D7D0CA
- CCC6C1
- C1BBB7
- B5B1AE
- ABA7A4
- A09D9B
- 959392
- 8A8A89
Harmonias de cor
Complementar +180°
- EEE5DE
Bookworm
- DFE8EF
≈ Morning Haze
Análoga -30° +30°
- EEE5DE
Bookworm
- F0E4E1
≈ Pastel China
- EAE7DD
≈ Santa’s Beard
Tríade +120° +240°
- EEE5DE
Bookworm
- DEEAE7
≈ Teton Breeze
- E8E5EF
≈ Modest Violet
Complementar dividida +150° +210°
- EEE5DE
Bookworm
- DDEAEC
≈ Blue Flax
- E3E7F0
≈ Ghostly Tuna
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.89:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--bookworm: #eee5de;
--bookworm-rgb: 238 229 222;
--bookworm-oklch: oklch(0.927 0.014 60.6);
}
.element {
color: var(--bookworm);
background-color: hsl(26 32% 90%);
border-color: oklch(0.927 0.014 60.6);
}Tailwind CSS v4
@theme {
--color-bookworm: #eee5de;
--color-bookworm-50: #f8f4f1;
--color-bookworm-100: #ebe7e3;
--color-bookworm-200: #d9d3ce;
--color-bookworm-300: #bdb6b0;
--color-bookworm-400: #a59d97;
--color-bookworm-500: #8d847d;
--color-bookworm-600: #77706a;
--color-bookworm-700: #605a55;
--color-bookworm-800: #46413e;
--color-bookworm-900: #312d2a;
--color-bookworm-950: #1d1a18;
}SCSS
$bookworm: #eee5de;
$bookworm-rgb: 238, 229, 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);
}