Adlandırılmış renk · #B0AAA1
Garlic Beige
Garlic Beige, #B0AAA1: rgb(176 170 161), hsl(36 9% 66%), oklch(0.74 0.014 78.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Garlic Beige color name →
#B0AAA1
oklch(0.74 0.014 78.2)
Renk dönüşümleri
- HEX
- #b0aaa1
- RGB
- rgb(176 170 161)
- HSL
- hsl(36 9% 66%)
- HWB
- hwb(36 63% 31%)
- OKLCH
- oklch(0.74 0.014 78.2)
- OKLab
- oklab(0.74 0.003 0.014)
- CIE Lab
- lab(69.92 1.03 5.46)
- LCH
- lch(69.92 5.56 79.3)
- CMYK
- cmyk(0% 3% 9% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8B2AA
- BFBAB3
- C7C3BC
- CFCBC6
- D7D4CF
- DFDCD8
- E7E5E2
- EFEEEC
- F7F6F5
Koyu tonlar
- 99938B
- 827D76
- 6C6862
- 56534E
- 423F3C
- 2E2D2A
- 1C1B19
- 0B0B09
- 010101
Gri tonlar
- ABA69E
- A6A19A
- A19D97
- 9C9994
- 989590
- 93918D
- 8E8C8A
- 898887
- 858483
Renk uyumları
Tamamlayıcı +180°
- B0AAA1
Garlic Beige
- A5ABB4
≈ Dutch Jug
Analog -30° +30°
- B0AAA1
Garlic Beige
- B3A8A3
≈ Matte Grey
- ABACA1
≈ Laurel Grey
Üçlü +120° +240°
- B0AAA1
Garlic Beige
- A1AEAE
≈ Polaris
- AFA8B1
≈ Elderberry Grey
Bölünmüş tamamlayıcı +150° +210°
- B0AAA1
Garlic Beige
- A2ADB2
≈ Pale Blue Grey
- AAAAB4
≈ Velvet Grey
Dörtlü +90° +180° +270°
- B0AAA1
Garlic Beige
- A3AEA9
≈ Silver Screen
- A5ABB4
≈ Dutch Jug
- B2A7AC
≈ Stamina
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.30:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.11:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--garlic-beige: #b0aaa1;
--garlic-beige-rgb: 176 170 161;
--garlic-beige-oklch: oklch(0.74 0.014 78.2);
}
.element {
color: var(--garlic-beige);
background-color: hsl(36 9% 66%);
border-color: oklch(0.74 0.014 78.2);
}Tailwind CSS v4
@theme {
--color-garlic-beige: #b0aaa1;
--color-garlic-beige-50: #f7f5f1;
--color-garlic-beige-100: #eae7e3;
--color-garlic-beige-200: #d7d4cd;
--color-garlic-beige-300: #bbb7af;
--color-garlic-beige-400: #a39e95;
--color-garlic-beige-500: #8b857c;
--color-garlic-beige-600: #767169;
--color-garlic-beige-700: #5e5a54;
--color-garlic-beige-800: #45423d;
--color-garlic-beige-900: #302d2a;
--color-garlic-beige-950: #1c1a17;
}SCSS
$garlic-beige: #b0aaa1;
$garlic-beige-rgb: 176, 170, 161;
$garlic-beige-light: mix(#fff, $garlic-beige, 20%);
$garlic-beige-dark: mix(#000, $garlic-beige, 20%);
.element {
color: $garlic-beige;
box-shadow: 0 0 0 2px rgba($garlic-beige, 0.35);
}