En yakın adlandırılmış renk · #E2D1A9
#E2D1A9
En yakın adlandırılmış renk: Anise Biscotti
#E2D1A9 (rgb(226 209 169), hsl(42 50% 77%), oklch(0.865 0.056 87.7)) 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.
#E2D1A9
oklch(0.865 0.056 87.7)
Renk dönüşümleri
- HEX
- #e2d1a9
- RGB
- rgb(226 209 169)
- HSL
- hsl(42 50% 77%)
- HWB
- hwb(42 66% 11%)
- OKLCH
- oklch(0.865 0.056 87.7)
- OKLab
- oklab(0.865 0.002 0.056)
- CIE Lab
- lab(84.5 1.57 22.18)
- LCH
- lch(84.5 22.23 85.9)
- CMYK
- cmyk(0% 8% 25% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5D6B2
- E8DABA
- EBDFC3
- EEE3CB
- F0E8D4
- F3EDDD
- F6F1E5
- F9F6EE
- FCFAF6
Koyu tonlar
- C4B592
- A89B7C
- 8C8167
- 716853
- 57503F
- 3E392C
- 27231B
- 12100A
- 030201
Gri tonlar
- D8C9A5
- CEC0A1
- C4B89D
- BAB099
- B0A895
- A6A091
- 9C988D
- 939088
- 898884
Renk uyumları
Tamamlayıcı +180°
- E2D1A9
Anise Biscotti
- C2D2F8
≈ Frozen Periwinkle
Analog -30° +30°
- E2D1A9
Anise Biscotti
- F0CAAF
≈ Pastel Peach
- CFD8AF
≈ Avocado Whip
Üçlü +120° +240°
- E2D1A9
Anise Biscotti
- A8DDE6
≈ Geyser Pool
- E7C6E6
≈ Prom Corsage
Bölünmüş tamamlayıcı +150° +210°
- E2D1A9
Anise Biscotti
- B1D9F3
≈ Blue Rice
- D6CBF3
≈ Soap
Dörtlü +90° +180° +270°
- E2D1A9
Anise Biscotti
- ACDFD2
≈ Jaded Clouds
- C2D2F8
≈ Frozen Periwinkle
- F2C4D2
≈ In the Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.92:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--anise-biscotti: #e2d1a9;
--anise-biscotti-rgb: 226 209 169;
--anise-biscotti-oklch: oklch(0.865 0.056 87.7);
}
.element {
color: var(--anise-biscotti);
background-color: hsl(42 50% 77%);
border-color: oklch(0.865 0.056 87.7);
}Tailwind CSS v4
@theme {
--color-anise-biscotti: #e2d1a9;
--color-anise-biscotti-50: #fbf5e3;
--color-anise-biscotti-100: #efe7d3;
--color-anise-biscotti-200: #ded4ba;
--color-anise-biscotti-300: #c3b797;
--color-anise-biscotti-400: #ac9d79;
--color-anise-biscotti-500: #96845b;
--color-anise-biscotti-600: #7f704d;
--color-anise-biscotti-700: #655a3d;
--color-anise-biscotti-800: #4b412c;
--color-anise-biscotti-900: #342d1d;
--color-anise-biscotti-950: #201a0d;
}SCSS
$anise-biscotti: #e2d1a9;
$anise-biscotti-rgb: 226, 209, 169;
$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);
}