En yakın adlandırılmış renk · #E8DAB6
#E8DAB6
En yakın adlandırılmış renk: Anise Biscotti
#E8DAB6 (rgb(232 218 182), hsl(43 52% 81%), oklch(0.891 0.05 89.3)) en çok Anise Biscotti 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.
#E8DAB6
oklch(0.891 0.05 89.3)
Renk dönüşümleri
- HEX
- #e8dab6
- RGB
- rgb(232 218 182)
- HSL
- hsl(43 52% 81%)
- HWB
- hwb(43 71% 9%)
- OKLCH
- oklch(0.891 0.05 89.3)
- OKLab
- oklab(0.891 0.001 0.05)
- CIE Lab
- lab(87.51 0.8 19.62)
- LCH
- lch(87.51 19.64 87.7)
- CMYK
- cmyk(0% 6% 22% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EADEBD
- EDE1C5
- EFE5CC
- F1E9D3
- F3EDDB
- F6F0E2
- F8F4E9
- FAF8F0
- FDFBF8
Koyu tonlar
- CABD9E
- ACA286
- 90876F
- 746C59
- 595444
- 403C30
- 29251D
- 13110C
- 030202
Gri tonlar
- DDD1B1
- D2C7AB
- C8BEA6
- BDB5A0
- B3AC9B
- A8A396
- 9E9A90
- 94918B
- 8A8985
Renk uyumları
Tamamlayıcı +180°
- E8DAB6
Anise Biscotti
- CDDAFD
≈ Icy Plains
Analog -30° +30°
- E8DAB6
Anise Biscotti
- F5D4BB
≈ Canter Peach
- D7E0BC
≈ Cardamom Fragrance
Üçlü +120° +240°
- E8DAB6
Anise Biscotti
- B5E5ED
≈ Winter Escape
- EED0EB
≈ Poodle Pink
Bölünmüş tamamlayıcı +150° +210°
- E8DAB6
Anise Biscotti
- BEE0F9
≈ Arctic Paradise
- DFD4F8
≈ Japan Blush
Dörtlü +90° +180° +270°
- E8DAB6
Anise Biscotti
- B8E6DC
≈ Ice Cap Green
- CDDAFD
≈ Icy Plains
- F8CEDA
≈ Icy Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.13:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--anise-biscotti: #e8dab6;
--anise-biscotti-rgb: 232 218 182;
--anise-biscotti-oklch: oklch(0.891 0.05 89.3);
}
.element {
color: var(--anise-biscotti);
background-color: hsl(43 52% 81%);
border-color: oklch(0.891 0.05 89.3);
}Tailwind CSS v4
@theme {
--color-anise-biscotti: #e8dab6;
--color-anise-biscotti-50: #faf5e5;
--color-anise-biscotti-100: #eee8d6;
--color-anise-biscotti-200: #dcd4bd;
--color-anise-biscotti-300: #c1b79b;
--color-anise-biscotti-400: #aa9d7d;
--color-anise-biscotti-500: #938560;
--color-anise-biscotti-600: #7d7152;
--color-anise-biscotti-700: #645a41;
--color-anise-biscotti-800: #4a412e;
--color-anise-biscotti-900: #332d1f;
--color-anise-biscotti-950: #1f1a0f;
}SCSS
$anise-biscotti: #e8dab6;
$anise-biscotti-rgb: 232, 218, 182;
$anise-biscotti-light: mix(#fff, $anise-biscotti, 20%);
$anise-biscotti-dark: mix(#000, $anise-biscotti, 20%);
.element {
color: $anise-biscotti;
box-shadow: 0 0 0 2px rgba($anise-biscotti, 0.35);
}