Adlandırılmış renk · #B3B295
Dill Seed
Dill Seed, #B3B295: rgb(179 178 149), hsl(58 16% 64%), oklch(0.757 0.04 105.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Dill Seed color name →
#B3B295
oklch(0.757 0.04 105.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BABA9F
- C2C1AA
- C9C9B4
- D1D0BF
- D8D8C9
- E0E0D4
- E8E7DE
- EFEFE9
- F7F7F4
Koyu tonlar
- 9B9A81
- 84836D
- 6E6D5A
- 585748
- 434337
- 2F2F26
- 1D1D16
- 0C0C08
- 010101
Gri tonlar
- AEAD93
- A9A891
- A3A38F
- 9E9E8D
- 99998B
- 949489
- 8F8F87
- 8A8A84
- 858582
Renk uyumları
Tamamlayıcı +180°
- B3B295
Dill Seed
- ADADC9
≈ Purple Freedom
Analog -30° +30°
- B3B295
Dill Seed
- BFAD94
≈ Papyrus Map
- A5B69D
≈ Salvia
Üçlü +120° +240°
- B3B295
Dill Seed
- 96B6C4
≈ Respite
- C4A6B5
≈ Pansy Posie
Bölünmüş tamamlayıcı +150° +210°
- B3B295
Dill Seed
- A0B2CA
≈ Aerial View
- BAA9C2
≈ Velour
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.16:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.71:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}