En yakın adlandırılmış renk · #EEE5DE
#EEE5DE
En yakın adlandırılmış renk: Bookworm
#EEE5DE (rgb(238 229 222), hsl(26 32% 90%), oklch(0.927 0.014 60.6)) en çok Bookworm adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EEE5DE
oklch(0.927 0.014 60.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E8E1
- F1EAE5
- F3EDE8
- F5EFEB
- F7F2EE
- F8F5F2
- FAF7F5
- FCFAF8
- FDFCFC
Koyu tonlar
- CFC7C1
- B1AAA5
- 938E89
- 77726F
- 5C5855
- 423F3D
- 2A2826
- 141212
- 030302
Gri tonlar
- E2DAD4
- D7D0CA
- CCC6C1
- C1BBB7
- B5B1AE
- ABA7A4
- A09D9B
- 959392
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EEE5DE
Bookworm
- DFE8EF
≈ Morning Haze
Analog -30° +30°
- EEE5DE
Bookworm
- F0E4E1
≈ Pastel China
- EAE7DD
≈ Santa’s Beard
Üçlü +120° +240°
- EEE5DE
Bookworm
- DEEAE7
≈ Teton Breeze
- E8E5EF
≈ Modest Violet
Bölünmüş tamamlayıcı +150° +210°
- EEE5DE
Bookworm
- DDEAEC
≈ Blue Flax
- E3E7F0
≈ Ghostly Tuna
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.89:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}