لون مسمّى · #B3B295
Dill Seed
Dill Seed هو #B3B295: rgb(179 178 149)، hsl(58 16% 64%)، oklch(0.757 0.04 105.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Dill Seed color name →
#B3B295
oklch(0.757 0.04 105.7)
تحويلات الألوان
- HEX
- #b3b295
- RGB
- rgb(179 178 149)
- HSL
- hsl(58 16% 64%)
- HWB
- hwb(58 58% 30%)
- OKLCH
- oklch(0.757 0.04 105.7)
- OKLab
- oklab(0.757 -0.011 0.039)
- CIE Lab
- lab(72.07 -3.33 15.04)
- LCH
- lch(72.07 15.4 102.5)
- CMYK
- cmyk(0% 1% 17% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BABA9F
- C2C1AA
- C9C9B4
- D1D0BF
- D8D8C9
- E0E0D4
- E8E7DE
- EFEFE9
- F7F7F4
درجات داكنة
- 9B9A81
- 84836D
- 6E6D5A
- 585748
- 434337
- 2F2F26
- 1D1D16
- 0C0C08
- 010101
درجات رمادية
- AEAD93
- A9A891
- A3A38F
- 9E9E8D
- 99998B
- 949489
- 8F8F87
- 8A8A84
- 858582
تناسق الألوان
متمم +180°
- B3B295
Dill Seed
- ADADC9
≈ Purple Freedom
متجاور -30° +30°
- B3B295
Dill Seed
- BFAD94
≈ Papyrus Map
- A5B69D
≈ Salvia
ثلاثي +120° +240°
- B3B295
Dill Seed
- 96B6C4
≈ Respite
- C4A6B5
≈ Pansy Posie
متمم منقسم +150° +210°
- B3B295
Dill Seed
- A0B2CA
≈ Aerial View
- BAA9C2
≈ Velour
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.16:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.71:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dill-seed: #b3b295;
--dill-seed-rgb: 179 178 149;
--dill-seed-oklch: oklch(0.757 0.04 105.7);
}
.element {
color: var(--dill-seed);
background-color: hsl(58 16% 64%);
border-color: oklch(0.757 0.04 105.7);
}Tailwind CSS v4
@theme {
--color-dill-seed: #b3b295;
--color-dill-seed-50: #f6f6e9;
--color-dill-seed-100: #e9e9da;
--color-dill-seed-200: #d5d6c2;
--color-dill-seed-300: #b9b9a2;
--color-dill-seed-400: #a1a085;
--color-dill-seed-500: #898869;
--color-dill-seed-600: #74735a;
--color-dill-seed-700: #5d5c47;
--color-dill-seed-800: #454333;
--color-dill-seed-900: #2f2e23;
--color-dill-seed-950: #1c1b12;
}SCSS
$dill-seed: #b3b295;
$dill-seed-rgb: 179, 178, 149;
$dill-seed-light: mix(#fff, $dill-seed, 20%);
$dill-seed-dark: mix(#000, $dill-seed, 20%);
.element {
color: $dill-seed;
box-shadow: 0 0 0 2px rgba($dill-seed, 0.35);
}