Adlandırılmış renk · #E5D5AE
Anise Biscotti
Anise Biscotti, #E5D5AE: rgb(229 213 174), hsl(43 51% 79%), oklch(0.876 0.054 88.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Anise Biscotti color name →
#E5D5AE
oklch(0.876 0.054 88.4)
Renk dönüşümleri
- HEX
- #e5d5ae
- RGB
- rgb(229 213 174)
- HSL
- hsl(43 51% 79%)
- HWB
- hwb(43 68% 10%)
- OKLCH
- oklch(0.876 0.054 88.4)
- OKLab
- oklab(0.876 0.002 0.054)
- CIE Lab
- lab(85.86 1.27 21.47)
- LCH
- lch(85.86 21.51 86.6)
- CMYK
- cmyk(0% 7% 24% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8D9B6
- EADDBE
- EDE2C6
- EFE6CE
- F2EAD7
- F5EEDF
- F7F2E7
- FAF7EF
- FCFBF7
Koyu tonlar
- C7B997
- AA9E80
- 8E836A
- 726A55
- 585141
- 3F3A2E
- 28241C
- 12100B
- 030201
Gri tonlar
- DACCA9
- D0C3A5
- C6BBA0
- BBB29C
- B1AA97
- A7A193
- 9D998E
- 939089
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E5D5AE
Anise Biscotti
- C7D6FB
≈ Pale Phthalo Blue
Analog -30° +30°
- E5D5AE
Anise Biscotti
- F3CEB4
≈ Apricot Freeze
- D2DCB4
≈ Green Parlour
Üçlü +120° +240°
- E5D5AE
Anise Biscotti
- ADE1E9
≈ Powder Blue
- EBCAE9
≈ Sugar High
Bölünmüş tamamlayıcı +150° +210°
- E5D5AE
Anise Biscotti
- B6DCF7
≈ Endless Horizon
- DACFF6
≈ Pale Lavender
Dörtlü +90° +180° +270°
- E5D5AE
Anise Biscotti
- B0E3D6
≈ Ice Cube
- C7D6FB
≈ Pale Phthalo Blue
- F6C8D6
≈ Utterly Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.46:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.46:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--anise-biscotti: #e5d5ae;
--anise-biscotti-rgb: 229 213 174;
--anise-biscotti-oklch: oklch(0.876 0.054 88.4);
}
.element {
color: var(--anise-biscotti);
background-color: hsl(43 51% 79%);
border-color: oklch(0.876 0.054 88.4);
}Tailwind CSS v4
@theme {
--color-anise-biscotti: #e5d5ae;
--color-anise-biscotti-50: #fbf5e4;
--color-anise-biscotti-100: #efe8d4;
--color-anise-biscotti-200: #ddd4bb;
--color-anise-biscotti-300: #c2b798;
--color-anise-biscotti-400: #ac9d7a;
--color-anise-biscotti-500: #95855c;
--color-anise-biscotti-600: #7e704e;
--color-anise-biscotti-700: #655a3e;
--color-anise-biscotti-800: #4b412c;
--color-anise-biscotti-900: #342d1e;
--color-anise-biscotti-950: #1f1a0e;
}SCSS
$anise-biscotti: #e5d5ae;
$anise-biscotti-rgb: 229, 213, 174;
$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);
}